Exemplu
Afișați o secțiune de HTML, numai dacă se potrivește cu o anumită valoare:
<div ng-switch="myVar">
<div ng-switch-when="dogs">
<h1>Dogs</h1>
<p>Welcome to a world of dogs.</p>
</div>
<div ng-switch-when="tuts">
<h1>Tutorials</h1>
<p>Learn from examples.</p>
</div>
<div ng-switch-when="cars">
<h1>Cars</h1>
<p>Read about cars.</p>
</div>
<div ng-switch-default>
<h1>Switch</h1>
<p>Select topic from the dropdown, to switch the content of this DIV.</p>
</div>
</div>
Încearcă - l singur » Definiție și utilizare
ng-switch directivă vă permite să ascundeți elementele / afișați HTML în funcție de o expresie.
Elemente pentru copii cu ng-switch-when directiva va fi afișată în cazul în care acesta devine un meci, în caz contrar elementul, și este de copii vor fi eliminate.
Puteți defini , de asemenea , o secțiune implicită, prin utilizarea ng-switch-default directivă, pentru a afișa o secțiune în cazul în care nu a celorlalte secțiuni obține un meci.
Sintaxă
< 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 >Susținută de toate elementele HTML.
Valorile parametrilor
| Valoare | Descriere |
|---|---|
| expression | O expresie care va elimina elementele fără meci și afișa elemente cu un chibrit. |