English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Afficher la partie correspondante selon la valeur sélectionnée:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> Mon site préféré <select ng-model="myVar"> <option value="w3codebox">fr.oldtoolbag.com <option value="google">www.google.com <option value="taobao">www.taobao.com </select> <hr> <div ng-switch="myVar"> <div ng-switch-when="w"3codebox"> <h1>Tutoriel de base</h1> <p>Bienvenue sur le tutoriel de base</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 sur Taobao</p> </div> <div ng-switch-default> <h1>Basculer</h1> <p>Choisissez différentes options pour afficher les valeurs correspondantes.</p> </div> </div> <hr> <p> ng-L'instruction switch affiche ou masque la partie correspondante en fonction de la valeur actuelle.</p> </body> </html>Voyons voir ‹/›
ng-switch L'instruction affiche ou masque la partie correspondante en fonction de l'expression.
L'élément sous-jacent correspondant utilise ng-switch-when l'instruction, si l'élément sélectionné correspond, il est affiché, et les autres éléments correspondants sont supprimés.
Vous pouvez utiliser ng-switch-default L'instruction par défaut affiche l'option par défaut si aucune option ne correspond.
< ng-switch=""> < ng-switch-when=""></> < ng-switch-when=""></> < ng-switch-when=""></> < ng-switch-default></> </>
L'élément <form> prend en charge cette propriété.
| Valeur | Description |
|---|---|
| expression | Les expressions montrent les éléments correspondants, et les éléments non correspondants sont supprimés. |