2016-09-23 24 views
0

我正在为一个web应用程序设计一个角度材料的简单用户界面,但我在<md-sidenav>指令中遇到以下问题:
md-is-locked-open属性似乎不起作用。我试图将它设置为false,但无论如何显示sidenav,我试图使用$mdMedia服务来设置它,但sidenav不隐藏在较小的屏幕上。我怎样才能使它工作?我下面的HTML:角材。 md-is-locked-open无法正常工作

<body ng-app="test" layout="column"> 

    <md-toolbar class="md-toolbar-tools" layout-align="center"> 
     <p>EASYRASH</p> 
    </md-toolbar> 

    <div layout="row" flex> 
     <md-sidenav md-is-locked-open="$mdMedia('gt-md')" class="md-sidenav-left md-whiteframe-6dp" md-component-id="left"> 
     </md-sidenav> 
    </div> 
</body> 

和JS:

var app = angular.module("test", ['ngMaterial']); 
+0

对我来说,它似乎工作:https://plnkr.co/edit/peMyZh8pA0Fzz2Kucw7n?p=preview –

+0

@GustavoGabriel在你的演示中,它的工作原理,所以我不'不明白为什么它不适合我。我在没有服务器的本地执行它,并且我只用CDN导入库。它可能是一个问题吗? – Alessio

+0

也许您正在导入的库已过时?你使用的是最新版本吗? –

回答

0

正如在评论中讨论的那样,他用角料版本已经过时。当他更新它一切开始按预期工作=)