Material Angular md-cotent don't get 100% of height

Question

I have a problem at the height of the md-content. My app has ng-view and it is 100% of the page, but the md-content don't get 100% of parent. Look that result:

<ng-view flex class="md-padding">
 <md-content flex> foo </md-content>
</ng-view>

I try put style="height: 100%" but not work. I've tried the issues but found that solved my problem.

Answer 1

You need to add layout & layout-fill to md-content

 <md-content layout="row" layout-fill class="md-whiteframe-z1">
  Hello
</md-content>

Answer 2

You need to add layout to the ng-view, and make sure the parents also fill 100% height:

<ng-view flex layout="column" class="md-padding">
 <md-content flex> foo </md-content>
</ng-view>