Esempio
Mostra una sezione di HTML, solo se corrisponde un certo valore:
<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>
Prova tu stesso " Definizione e utilizzo
Il ng-switch direttiva consente di nascondere gli elementi / spettacolo HTML seconda espressione.
Elementi figlio con il ng-switch-when direttiva sarà visualizzata se ottiene un match, altrimenti l'elemento, ed è bambini saranno rimossi.
È inoltre possibile definire una sezione di default, utilizzando il ng-switch-default direttiva, per mostrare una sezione se non delle altre sezioni ottenere una corrispondenza.
Sintassi
< 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 >Supportato da tutti gli elementi HTML.
valori dei parametri
| Value | Description |
|---|---|
| expression | An expression that will remove elements with no match, and display elements with a match. |