Wie man eine SideNav im Angular-Material Design aufsetzt

8

Ich benutze

%Vor%

mit der Methode toggleNave in der Steuerung, die den Wert

setzt %Vor%

Aber dies bewirkt, dass der Bildschirm beim Öffnen und Schließen blinkt, und es scheint nicht der beste Weg zu sein, einen SideNav zu öffnen.

Der Wunsch ist es, die Nabe offen / geschlossen zu halten, aber offen zu bleiben, bis ich sie schließe.

Wenn ich md-is-locked="$ media ('')" verwende, dann wird die SideNav gesperrt und schließt nie, bis das Fenster unter die Mediengröße schrumpft. Das ist nicht was ich will.

Wenn ich md-is-locked überhaupt nicht benutze, dann klappt der SideNav zu, wenn man wegklickt, aber ich möchte, dass er offen bleibt! bis ich es schließen will.

Weiß jemand, wie man das macht?

Danke

Übrigens: Ich benutze ES6, daher die Klassen- und Pfeilfunktionen. : -)

    
Kendrick Burson 04.03.2015, 19:08
quelle

1 Antwort

1

Wenn ich mir die Dokumentation anschaue, müssen Sie die Variablen isPinned und isOpen nicht verwenden, da die Toggle-Funktion dafür verantwortlich ist.

Also, das

%Vor%

Würde kommen

%Vor%

Damit dies funktioniert, müssen Sie die ID von sideNav

übergeben

Also das

%Vor%

Würde

werden %Vor%

Schließlich lohnt es sich, die von Ihnen verwendete Version von Material Design zu überprüfen. Es scheint einige Probleme zu geben, wenn Sie die & gt; 0.8-Version nicht verwenden.

Siehe das Beispiel für rechtsnavigation in der Dokumentation Side Nav Material Design

    
Mark Collins 12.03.2015 23:57
quelle