Ejemplo
Muestran una sección de HTML, sólo si coincide con un cierto valor:
<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>
Inténtalo tú mismo " Definición y Uso
El ng-switch directiva le permite ocultar los elementos / mostrar HTML en función de una expresión.
Elementos secundarios con el ng-switch-when se mostrará directiva si se pone un partido, de lo contrario el elemento, y es los niños serán eliminados.
También puede definir una sección por defecto, mediante el uso de la ng-switch-default Directiva, para mostrar una sección si no de las otras secciones consiguen un partido.
Sintaxis
< 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 >Con el apoyo de todos los elementos HTML.
Los valores de los parámetros
| Value | Description |
|---|---|
| expression | An expression that will remove elements with no match, and display elements with a match. |