Ist es möglich, ng-if zu verwenden, um ein Element für kleinere Bildschirmgrößen ganz einfach nicht zu laden?
Sie können dazu angular-match-media verwenden.
In Ihrem Controller können Sie Variablen erstellen, die den Bildschirmgrößen entsprechen. Fügen Sie Ihrem Controller beispielsweise Folgendes hinzu:
%Vor%Dann können Sie in Ihrem HTML-Code Inhalte anzeigen oder ausblenden, indem Sie ngIf oder ähnliche Anweisungen verwenden, die einen Angular-Ausdruck verwenden:
%Vor%Dieses spezielle Beispiel ist großartig, um nur große, unnötige Bilder auf Desktop-Computern zu laden.
Hinweis: Dies ist wichtig, wenn Sie screensize.is() in Direktiven verwenden möchten, um den Rückgabewert einer Bereichsvariablen zuzuweisen. Wenn Sie dies nicht tun, wird es nur einmal ausgewertet und nicht aktualisiert, wenn das Fenster in der Größe geändert wird oder wenn ein mobiles Gerät seitwärts gedreht wird.
Eine Alternative zu ng-if, wenn Sie Angular Material für Ihr Layout verwenden, bieten sie Direktiven verstecken und anzeigen, um die Sichtbarkeit von Elementen basierend auf der Bildschirmgröße zu steuern.
Zum Beispiel:
%Vor%Dokumente:
Tags und Links angularjs