Latest web development tutorials

AngularJS instrucción ng-switch

Manual de Referencia AngularJS Manual de Referencia AngularJS


Dependiendo del valor seleccionado de la parte correspondiente de la pantalla:

<div ng-switch="myVar">
  <div ng-switch-when="w3big">
     <h1>本教程</h1>
     <p>欢迎访问本教程</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>

Trate »


Definición y Uso

comandong-interruptor para mostrar u ocultar basa en una expresión partes correspondientes.

Correspondiente sub-elementong de conmutador cuando la orden, si usted elige para mostrar que emparejan seleccionado, el otro para la eliminación de un partido.

Puede configurar las opciones predeterminadas mediante el uso de comandosng-switch-default, si las circunstancias no coinciden, se mostrará la opción por defecto.


gramática

<Ng-switch Elemento = "expresión ">
<Ng de conmutador cuando el elemento = "valor"> </ element>
<Ng de conmutador cuando el elemento = "valor"> </ element>
<Ng de conmutador cuando el elemento = "valor"> </ element>
<Elemento ng-switch-default> </ element>
</ Element>

<Forma> elemento admite la propiedad.


parámetro Valor

valor descripción
expresión Expresión coincidirá con la pantalla no coincide con el elemento se elimina.

Manual de Referencia AngularJS Manual de Referencia AngularJS