Latest web development tutorials

AngularJS istruzioni ng-switch

Manuale di riferimento AngularJS Manuale di riferimento AngularJS


A seconda del valore selezionato della corrispondente porzione del 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>

Prova »


Definizione e utilizzo

comandong-switch per mostrare o nascondere basa su un'espressione parti corrispondenti.

Corrispondente sub-elementong-switch-quando l'ordine, se si sceglie di visualizzare corrispondenti selezionate, l'altra per la rimozione di una partita.

È possibile impostare le opzioni di default utilizzando il comandong-switch-default, se le circostanze non corrispondono, verrà visualizzata l'opzione predefinita.


grammatica

<Elemento ng-switch = "espressione ">
<Elemento ng-switch-quando = "valore"> </ element>
<Elemento ng-switch-quando = "valore"> </ element>
<Elemento ng-switch-quando = "valore"> </ element>
<Elemento ng-switch-default> </ element>
</ Elemento>

<Form> elemento supporta la proprietà.


Valore parametro

valore descrizione
espressione Espressione corrisponderà il display non corrisponde l'articolo viene rimosso.

Manuale di riferimento AngularJS Manuale di riferimento AngularJS