加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 17:25:35 所属栏目:安全 来源:网络整理
导读:我有一个工具栏 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
我有一个工具栏

<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>

问题是“’最小宽度:16厘米’”

我确实在sidenav中有类似的问题(“ng-show =”$mdMedia(‘max-width:300px’)“).

在工具栏中,如果宽度大于16厘米,按钮应该消失.只有在小于300时,才能看到sidenav中的按钮.

问题如下:它是否可见.

我究竟做错了什么?

谢谢 :)

解决方法

找到了!

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

所以

$scope.$mdMedia = $mdMedia;

只需要它;)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读