ng-switchDirettiva AngularJS
Esempio
Mostra una sezione di HTML, solo se corrisponde a un determinato 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>
Definizione e utilizzo
La ng-switchdirettiva ti consente di nascondere/mostrare elementi HTML a seconda di un'espressione.
Gli elementi figlio con la ng-switch-whendirettiva verranno visualizzati se ottiene una corrispondenza, altrimenti l'elemento ei suoi figli verranno rimossi.
Puoi anche definire una sezione predefinita, usando la ng-switch-default
direttiva, per mostrare una sezione se nessuna delle altre sezioni trova 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. |