AngularJS ng-switchDirectiva

AngularJS 参考手册Manual de referencia de AngularJS

Muestra la parte correspondiente según el valor seleccionado:

<div ng-switch="myVar">
  <div ng-switch-when="ejemplo">
     <h1>Ejemplo</h1>
     <p>欢迎访问Ejemplo</p>
  </div>
  <div ng-switch-when="google">
     <h1>Google</h1>
     <p>欢迎访问Google</p>
  </div>
  <div ng-switch-when="taobao">
     <h1>淘宝</h1>
     <p>欢迎访问淘宝</p>
  </div>
  <div ng-switch-default>
     <h1>切换</h1>
     <p>选择不同选项显示对应的值。</p>
  </div>
</div>

Pruébalo »

Definición y uso

ng-switchLa directiva muestra u oculta la parte correspondiente según la expresión.

Los elementos secundarios correspondientes usanng-switch-whenla directiva. Si coincide con la selección, se muestra; los que no coinciden se eliminan.

Puedes usarng-switch-defaultla directiva para establecer una opción predeterminada. Si no hay ninguna coincidencia, se mostrará la opción predeterminada.

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>

El elemento <form> es compatible con este atributo.

Valor del parámetro

Valor Descripción
expression La expresión hace que los elementos coincidentes se muestren y los no coincidentes se eliminen.

AngularJS 参考手册Manual de referencia de AngularJS

Otras extensiones