2016-09-23 8 views
0

Ich entwerfe eine einfache Benutzeroberfläche in Angular Material für eine Webanwendung, aber ich habe das folgende Problem mit der <md-sidenav> Direktive:
Das md-is-locked-open Attribut scheint nicht zu funktionieren. Ich habe versucht, es auf false zu setzen, aber das Sitenav wird sowieso angezeigt, ich habe versucht, es mit $mdMedia Service, aber die Sitenav ist nicht auf kleineren Bildschirmen versteckt. Wie kann ich es zum Laufen bringen? Mein HTML unter:Eckiges Material. md-is-locked-open funktioniert nicht

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

Und JS:

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

Für mich scheint es zu arbeiten: https://plnrkr.co/edit/peMyZh8pA0Fzz2Kucw7n?p=preview –

+0

@GustavoGabriel In deiner Demonstration funktioniert es, also ich don ' Ich verstehe nicht, warum es bei mir nicht funktioniert. Ich führe es lokal ohne Server aus und ich importiere Bibliothek nur mit CDN. Kann es ein Problem sein? – Alessio

+0

Vielleicht ist die Bibliothek, die Sie importieren, veraltet? Verwenden Sie die neueste Version? –

Antwort

0

Wie in den Kommentaren diskutiert, die Winkelmaterial Version er wurde mit war veraltet. Als er es aktualisierte, fing alles an, wie erwartet zu arbeiten =)