Latest web development tutorials

AngularJS instruction ng-switch

Manuel de référence AngularJS Manuel de référence AngularJS


En fonction de la valeur sélectionnée de la partie correspondante de l'écran:

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

Essayez »


Définition et utilisation

commandeng-switch pour afficher ou masquer basé sur une expression des parties correspondantes.

Correspondant sous-élémentng-switch-lorsque l' ordre, si vous choisissez d'afficher correspond sélectionné, l'autre pour l'enlèvement d'un match.

Vous pouvez définir les options par défaut en utilisant la commandeng-switch-défaut, si les circonstances ne correspondent pas, l'option par défaut sera affiché.


grammaire

<Element ng-switch = "expression ">
<Element ng-switch-when = "valeur"> </ element>
<Element ng-switch-when = "valeur"> </ element>
<Element ng-switch-when = "valeur"> </ element>
<Element ng-switch-default> </ element>
</ Element>

Élément <form> prend en charge la propriété.


Paramètre Valeur

valeur description
expression Expression va correspondre l'affichage ne correspond pas à l'élément est supprimé.

Manuel de référence AngularJS Manuel de référence AngularJS