Commande angularjs ng-switch
Affichez la pièce correspondante en fonction de la valeur sélectionnée:
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </dcript> </head> <body ng-app = ""> Site I aime </g-model = "MyVar"> <" Value = "runooob"> www.runoob.com <option value = "google"> www.google.com <option value = "taobao"> www.taobao.com </lect> <hr> <div ng-witch = "Myvar"> <div ng-switch-when = "runooob"> <h1> rOOOK Tutorial </ h1> Tutorial </p> </div> <div ng-switch-when = "google"> <h1> google </h1> <p> bienvenue sur google </p> </div> <div ng-switch-when = "taobao"> <h1> taobao </h1> <p> Bienvenue à Taobao </p> </v> </v> <v Ng-Switch-Default> TAOBAO </p> </v> </v> <av ng-switch-Decault> Taobao </ P> </v> </v> <av Ng-Switch-Defaul <p> Sélectionnez différentes options pour afficher les valeurs correspondantes. </p> </div> </div> <hr> <p> La directive Ng-Switch affiche ou masque la pièce correspondante en fonction de la valeur actuelle. </p> </ body> </html>
Définition et utilisation
La directive Ng-Switch affiche ou masque la partie correspondante en fonction de l'expression.
Les éléments enfants correspondants utilisent la directive Ng-Switch-When. Si le match est sélectionné, sélectionnez l'écran et les autres sont supprimés.
Vous pouvez définir les options par défaut en utilisant la directive Ng-Switch-Default. Si aucune d'entre elles ne correspond, les options par défaut seront affichées.
grammaire
<élément ng-switch = "expression"> <élément ng-switch-when = "value"> </element> <élément ng-switch-when = "value"> </element> <élément ng-switch-when = "value"> </element> <élément ng-switch-default> </element> </element>
L'élément <form> prend en charge cette propriété.
Valeur du paramètre
| valeur | décrire |
|---|---|
| Expression | L'expression fera apparaître le match et l'inadéquation sera supprimée. |
Ce qui précède est une introduction détaillée à la commande AngularJS Ng-Switch. Nous continuerons à l'ajouter plus tard. Merci pour votre soutien à ce site!