Exemple
Afficher une section de HTML, seulement si elle correspond à une certaine valeur:
<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>
Essayez - le vous - même » Définition et utilisation
Le ng-switch directive vous permet de masquer les éléments / show HTML selon une expression.
Éléments enfants avec le ng-switch-when la directive sera affichée si elle obtient un match, sinon l'élément, et il est des enfants seront supprimés.
Vous pouvez également définir une section par défaut, en utilisant le ng-switch-default directive, pour montrer une section si non des autres sections obtiennent un match.
Syntaxe
< 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 >Pris en charge par tous les éléments HTML.
Paramètre valeurs
| Value | Description |
|---|---|
| expression | An expression that will remove elements with no match, and display elements with a match. |