チェックにこのexample
<div ng-app="MyApp">
<div layout="column" ng-controller="MainCtrl as main" ng-cloak>
<md-sidenav md-component-id="left" class="md-sidenav-left" md-swipe-left="toggleSidenav()" >
<md-menu-item>
menu
</md-menu-item>
</md-sidenav>
<md-content flex>
<md-toolbar>
<div class="md-toolbar-tools" >
<md-button class="md-icon-button" aria-label="Menu" ng- click="toggleSidenav()">
<md-icon>menu</md-icon>
</md-button>
<span flex>
<a class="md-title" href="">H3 TiP</a>
<span class="report-subtitle md-subhead">Sample Report</span>
</span>
</div>
</md-toolbar>
<md-content layout="column" layout-padding flex> content
</md-content>
</md-content></div></div>
出典
2016-03-24 05:21:43
kTn
感謝を参照してください!あなたの答えに基づいて、上部の 'div'に' layout = "column" layout-fill "を追加するだけで動作します。 – lebolo