AngularJS ng-switch ohje

Määrittely ja käyttö

ng-switch Ohje mahdollistaa HTML-elementtien piilottamisen tai näyttämisen ilmaisun perusteella.

Jos alikomponentti ng-switch-when Ohje näyttää elementin, jos se saa vastaavan osan. ng-switch-when ohjeen alikomponentteja, muuten elementti ja sen alikomponentit poistetaan.

Voit myös käyttää ng-switch-default Ohje määrittää oletusosan, joka näytetään, jos muita osia ei vastaa.

Esimerkki

Näytetään osa HTML:ää vain, jos se vastaa tiettyä arvoa:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Koirat</h1>
    <p>Tervetuloa koirien maailmaan.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>Oppaat</h1>
    <p>Oppiminen esimerkeistä.
  </div>
  <div ng-switch-when="cars">
    <h1>Autot</h1>
    <p.Lue autoista.</p>
  </div>
  <div ng-switch-default>
    <h1>Vaihto</h1>
    <p.Valitse aihe pudotusvalikosta vaihtaaksesi tämän DIV:n sisällön.</p>
  </div>
</div>

Kokeile itse

syntaksi

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

Kaikki HTML-elementit tukevat.

parametrit