AngularJS ng-switch-anvisning

Definition och användning

ng-switch anvisningen tillåter dig att dölja/visa HTML-element baserat på ett uttryck.

om underkomponenter genom ng-switch-when när anvisningen får en matchning kommer den att visa en del med ng-switch-when underkomponenter för anvisningen, annars tas elementet och dess underkomponenter bort.

Du kan också använda ng-switch-default Anvisningen definierar en standarddel för att visa denna del när inga andra delar matchar.

Exempel

Endast när det matchar en specifik värde visas en del HTML:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Hundar</h1>
    <p)Välkommen till en värld av hundar.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>Tutorials</h1>
    <p>Lär av exempel.</p>
  </div>
  <div ng-switch-when="cars">
    <h1>Bilar</h1>
    <p>Läs om bilar.</p>
  </div>
  <div ng-switch-default>
    <h1>Byt</h1>
    <p>Välj ämne från rullgardinsmenyn för att byta innehållet i denna DIV.</p>
  </div>
</div>

Prova själv

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>

Alla HTML-element stöds.

Parameter