角度材料：角度4中$mdMedia("gt-md")的替代品

Question

我正在尝试向我的Web应用程序添加一个侧导航，我希望它是响应式的，我正在使用Angular Material2和Angular 4<md-sidenav #sidenav layout="column" class="md-sidenav-left" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')" hide-gt-md opened="true">

"md-is-locked-open="$mdMedia('gt-md'("似乎在这里没有完成它的工作，我想知道它是否被弃用或有替代方案

Answer 1

您似乎正在将材质 1.x 与材质 2 混合在一起。

下面是材质 2 工作原理的示例：

<app>
<md-sidenav-container>
<md-sidenav align="left" opened="true">Drawer content</md-sidenav>
<div class="my-content">Main content</div>
</md-sidenav-container>
</app>

查看最新的文档，以确保您的格式正确。注意：在 API 调用中，@Input 表示您在 DOM 中设置项目(如对齐和打开(。

Answer 2

这是角度材料 1 和 2 之间的冲突 我只是知道，对不起，但我帮不了你