In den nativen Anweisungen von Angular werden diese Anweisungen verwendet, um zu steuern, ob Elemente angezeigt werden oder nicht, ng-show/ng-hide/ng-if und ng-switch.
Wir verwenden es auch oft in der Winkelleistungoptimierung.
Schauen wir uns ihre Unterschiede an.
Unter ihnen sind NG-Show und NG-Hide gleich, außer dass NG-Show die Bedingungen zeigt, wenn sie sich treffen, und Ng-Hide versteckt die Bedingungen, wenn sie sich treffen. Wir werden Ng-Hide unten nicht erwähnen.
ng-show
Ein von NG-Show empfangener Bool-Wert wird ausgelöst, um den DOM-Knoten bei True anzuzeigen. Wenn der Wert von ng-show falsch ist, wird dem DOM-Knoten eine Klasse von NG-Hide hinzugefügt, und der Ausdruck dieser Klasse lautet "Anzeige: Keine". Wenn DOM lädt, werden alle Knoten in NG-Show geladen. Das heißt, ng-show versteckt und zeigt den DOM-Knoten nur an. Dies bedeutet, dass, wenn es zu viel Öl in der NG-Show-Anweisung enthält, auch wenn sie es nicht anzeigen, der DOM-Knoten, in dem sie sich befinden, immer noch gerendert wird.
Ng-wenn
Ng-wenn auch einen BOOL-Wert erhält. Wenn sein Wert falsch ist, wird der Knoten, den er steuert, nicht erstellt oder der vorherige DOM -Knoten wird zerstört. Auch wenn dieser Knoten viele NG -Bindungen enthält, wird er nicht ausgeführt. Wenn wir in der Projektentwicklung das DOM nicht gleichzeitig laden müssen, können wir NG-wenn verhindern, dass das NG-Ereignis stattfindet und so die Lastgeschwindigkeit des DOM beschleunigt. Insbesondere beim Wiederholen ist der Effekt besonders offensichtlich, wenn jedes Datenstück komplexe Datenstrukturen enthält. Wenn sein Wert wahr ist, wird ein DOM -Knoten erstellt.
Wenn Sie also Anweisungen und Vorlagen verwenden, um zusätzliche Informationen zu rendern, z. B. Klicken, um die detaillierten Informationen des Listenelements anzuzeigen, sollten Sie NG-IF (AngularJSV. 1.1.5 und später) verwenden. Es blockiert das Rendering (im Vergleich zu NG-Shows).
Ng-Switch
Die Existenz von NG-Switch erspart uns große Probleme (es sollte gesagt werden, dass Angular selbst so ist). Zum Beispiel haben wir die traditionelle Art verwendet, um eine Registerkarte zu erstellen. Wir müssen immer wieder schieben und dann den aktuellen Staat beurteilen und dann die entsprechenden Dinge ausführen. Die Verwendung von NG-Switch in Angular ist sehr einfach. NG-Switch muss zuerst eine bestimmte Variable anhören und welchen Inhalt nachstehend angezeigt wird, wenn die Variable bewertet wird. Wie oben gezeigt, wird dieser Bereich beim Anhören einer Variablen wie Typ, wenn der Wert des Typs gleich „AAA“ ist, erstellt und angezeigt. Wenn der Wert des Typs gleich 'BBB' ist, werden alle Doms der vorherigen 'AAA' zerstört, und dann werden alle 'BBB'doms erstellt und angezeigt.
Beispiel http://jsbin.com/hinehi/1/edit