Ich versuche, MD-ist-offen basierend auf der Bildschirmgröße einzustellen. Etwas wie $ mdMedia ('GT-SM'). Für md-is-locked-open kann man mit $ mdMedia ('gt-sm') einstellen, weiss aber nicht warum md-is-open damit nicht gesetzt werden kann. Derzeit ist mein Code wie folgt aussehen: <md-sidenav md-is-open="$mdMedia('gt-sm')"></md-sidenav>Angular Material MD-SideNav-Set md-is-open Wert basierend auf der Bildschirmgröße
Nach dem docs kann md-is-open Attribut
Ein Modell gebunden sein, ob die sidenav geöffnet wird.
Daher können Sie ein Modell in Ihrem Controller definieren und zuweisen zu md-is-open Attribut, wie
// Controller
$scope.shouldLeftBeOpen = $mdMedia('gt-sm');
Und Sie können es verwenden, wie
<md-sidenav class="md-sidenav-left" md-component-id="left" md-is-open="shouldLeftBeOpen"></md-sidenav>
ist hier ein Arbeits codepen . Wenn Sie die Seite von einem Gerät laden, dessen Breite weniger als 960 Pixel beträgt, wird Sidennav nicht geöffnet.
Danke für die Antwort, es funktioniert. Noch nie zuvor, um die $ mdMedia ('GT-SM') bei Modell zu setzen. – Bayu