AngularJS ng-switch-instruktion

Definering og brug

ng-switch Instruktionen lader dig skjule/viser HTML-elementer baseret på en udtryk.

Hvis underkomponenter gennem ng-switch-when Instruktionen får en match, vises med ng-switch-when Instruktionens underkomponenter; ellers vil elementet og dens underkomponenter blive slettet.

Du kan også bruge ng-switch-default Instruktionen definerer en standarddel, der vises, når ingen andre dele matcher.

Eksempel

Kun når det matcher en bestemt værdi, vises en del HTML:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Hunde</h1>
    <p>Velkommen til en verden af hunde.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>Tutorials</h1>
    <p>Lær af eksempler.</p>
  </div>
  <div ng-switch-when="cars">
    <h1>Biler</h1>
    <p>Læs om biler.</p>
  </div>
  <div ng-switch-default>
    <h1>Skift</h1>
    <p>Vælg emne fra rullemenuen for at skifte indholdet i denne DIV.</p>
  </div>
</div>

Prøv det selv

Syntaks

<element ng-switch="udtryk">
  <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-elementer understøtter.

Parameter