AngularJS instruction ng-switch
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>
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>
<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é. |