如何做md-content 100%的高度?

时间:2015-09-28 08:20:54

标签: angularjs angular-material

我正在尝试将页面的内容区域拉伸到100% 它工作正常,但如果我添加

layout="column"

以身体标记破坏

<body layout="column">    
<md-toolbar></md-toolbar>      
        <ui-view></ui-view>
...
</body>

和页面

<div layout-fill layout="row">
  <md-content class="red"  flex layout-align="center center" layout="column">
      <md-card>100% height</md-card>
   </md-content> 
</div>

http://plnkr.co/edit/H9yVGWrkxeO8Of1NROvY?p=preview

我无法删除layout =&#34; column&#34;因为我需要页面没有滚动  有什么想法吗?

1 个答案:

答案 0 :(得分:0)

设置 if ([btw isKindOfClass:[BottomTabView class]]){ btw.bottomTabEventList = self.eventList; } 的正确高度。 您需要从ui-view中删除工具栏的高度。

ui-view