angularjs - Angular JS Material mdMedia 似乎不起作用

Question

我有一个工具栏

<md-toolbar layout="row">
<div class="md-toolbar-tools">
    <md-button ng-click="mainCtrl.toggleSidenav('left')" ng-hide="$mdMedia('min-width: 16cm')"
               class="md-icon-button">
        <md-icon aria-label="Menu" md-svg-icon="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68133/menu.svg">
        </md-icon>
    </md-button>
    <h1>Test</h1>
</div>

问题在于“'min-width: 16cm'”

我在 sidenav 中也有类似的问题(使用 "ng-show="$mdMedia('max-width: 300px')")。

如果宽度大于 16 厘米，工具栏中的按钮应该消失。只有当 with 小于 300 时，sidenav 中的按钮才应该可见。

问题如下:它要么可见，要么不可见。

我究竟做错了什么？

谢谢 :)

Answer 1

找到了!

范围内未引用 mdMedia ( Issue on Github )。

所以

$scope.$mdMedia = $mdMedia;

只需要它;)