如何使用 ui-router 使 md-sidenav 具有全高？

Question

我正在使用最新的 Angular Material (1.0.0) 库，我正在尝试让 <md-sidebar> 面板具有可用的全高space 在页面上。
一旦它在普通页面上使用（没有 ui-router），一切正常，但一旦使用 ui-router，侧边栏就不会拉伸到全长，但只需要 space需要覆盖它的元素。
看起来问题是由 ui-router 添加的 <ui-view> 元素引起的。一旦我手动删除此标签，侧边栏就会完全拉伸。
我已经尝试使用 Angular Material 库的 先前版本 中的建议：

设置 height: 100% 为 .ng-scope class
将 flex 和 layout-fill class 添加到 <ui-view> 元素

这一切都不起作用。我们怎样才能使侧边栏具有完整的可用高度？

我创建了 Plunker 来演示 issue

Answer 1

我在样式中添加了样式 .ng-scope 作为 100%，它对我有用。

.ng-scope{
  height: 100%;
}

工作代码here

如何使用 ui-router 使 md-sidenav 具有全高？

How to make md-sidenav to have full height with ui-router?

html

css

angularjs

angular-material