角度/材料2.md-sidenav-content宽度100％

Question

是否可以让sidenav内容采用angular / material2的全宽？ 如果您关注网站上的tuto，您可以像这样定义您的内容：

<md-sidenav-container>
  <md-sidenav>
    <!-- sidenav content -->
  </md-sidenav>

  <!-- primary content -->
</md-sidenav-container>

但他们真正做的是添加<div class="md-sidenav-content" ...>  包装你的＆＃34;主要内容的元素＆＃34;。

是否可以将该元素赋予width:100%？或者甚至更好，flex: 1 1 100%;样式？ 只是在.md-sidenav-content类的css中添加它似乎不起作用......

Answer 1

没关系。我找到了解决方案。 我在display: flex;元素上有一个<md-sidenav-container>。删除它就可以了。

Answer 2

有可能。你只需要在md-sidenav元素上添加宽度：100％。

<md-sidenav #sideNav style="width: 100%"></md-sidenav>