Latest web development tutorials

AngularJS instrução ng-switch

Manual de Referência AngularJS Manual de Referência AngularJS


Dependendo do valor seleccionado da porção correspondente do display:

<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>

tente »


Definição e Uso

comandong-switch para mostrar ou ocultar com base em uma expressão partes correspondentes.

Correspondente sub-elementong-switch-quando a ordem, se você optar por exibir correspondentes selecionado, o outro para a remoção de um jogo.

Você pode definir as opções padrão usando ocomando-ng-switch padrão, se as circunstâncias não são iguais, a opção padrão será exibida.


gramática

<Elemento ng-switch = "expressão ">
<Elemento ng-switch-quando = "valor"> </ element>
<Elemento ng-switch-quando = "valor"> </ element>
<Elemento ng-switch-quando = "valor"> </ element>
<Elemento ng-switch-padrão> </ element>
</ Element>

<Form> Elemento suporta a propriedade.


parâmetro Valor

valor descrição
expressão Expressão irá coincidir com a exibição não corresponde ao item é removido.

Manual de Referência AngularJS Manual de Referência AngularJS