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

Question

我正在使用最新的 Angular Material（1.0.0）库，并且我试图让ui-router面板在页面上拥有完整的可用空间高度。
一旦它在普通页面上使用（没有ui-router），一切正常，但是一旦使用<ui-view>，侧边栏就不会拉伸全长，但只需要空间来覆盖它＃39; s元素。
看起来问题是由ui-router添加的height: 100%元素引起的。一旦我手动移除此标签，侧边栏就会被拉伸到全长 我已经尝试使用Angular Material库的以前的版本中的建议：

1. 为.ng-scope类
设置flex
2. 将layout-fill和<ui-view>类添加到alter table dbo.Your_Table with check add constraint your_Table_Amount check (Amount <= 1000) go alter table dbo.Your_Table check constraint your_Table_Amount 元素

这一切都无效。我们如何让侧边栏具有完整的可用高度？

我创建了Plunker来演示issue

Answer 1

我将样式.ng-scope添加为100％的风格，它对我有用。

.ng-scope{
  height: 100%;
}

工作代码here