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;

是它所需要的一切 ;)

Angular JS Material mdMedia 似乎无法正常工作

Angular JS Material mdMedia seems to be not working

angularjs

angular-material