AngularJS ng-switch-Anweisung

Definition und Verwendung

ng-switch Die Anweisung ermöglicht es Ihnen, HTML-Elemente basierend auf einem Ausdruck auszublenden/anzuzeigen.

wenn die Unterlemente durch ng-switch-when Die Anweisung zeigt einen Abschnitt mit ng-switch-when die Unterlemente der Anweisung verwenden, andernfalls werden das Element und seine Unterlemente gelöscht.

Sie können auch ng-switch-default Die Anweisung definiert einen Standardteil, der angezeigt wird, wenn keine anderen Teile matchen.

Beispiel

Nur wenn es einen bestimmten Wert matcht, wird ein Teil von HTML angezeigt:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Hunde</h1>
    <p>Willkommen in einer Welt von Hunden.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>Tutorials</h1>
    <p>Beispielen lernen.</p>
  </div>
  <div ng-switch-when="cars">
    <h1>Autos</h1>
    <p>Lesen Sie über Autos.</p>
  </div>
  <div ng-switch-default>
    <h1>Umschalten</h1>
    <p>Wählen Sie das Thema aus dem Dropdown-Menü, um den Inhalt dieses DIV zu wechseln.</p>
  </div>
</div>

Probieren Sie es selbst aus

Syntax

<element ng-switch="expression">
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-default></element>
</element>

Alle HTML-Elemente unterstützen dies.

Parameter