English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Manuale di riferimento AngularJS
Mostra la parte corrispondente al valore selezionato:
<!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=""> Siti web che mi piacciono <select ng-model="myVar"> <option value="w3codebox">it.oldtoolbag.com <option value="google">www.google.com <option value="taobao">www.taobao.com </select> <hr> <div ng-switch="myVar"> <div ng-switch-when="w3codebox"> <h1>Guida di base</h1> <p>Benvenuto nella guida di base</p> </div> <div ng-switch-when="google"> <h1>Google</h1> <p>Benvenuto su Google</p> </div> <div ng-switch-when="taobao"> <h1>淘宝</h1> <p>Benvenuti su Taobao</p> </div> <div ng-switch-default> <h1>Switch</h1> <p>Seleziona diverse opzioni per visualizzare i valori corrispondenti.</p> </div> </div> <hr> <p>L'istruzione ng-switch mostra o nasconde la parte corrispondente in base al valore corrente.</p> </body> </html>Prova a vedere <‹/›
ng-switch L'istruzione visualizza o nasconde la parte corrispondente in base all'espressione.
L'elemento figlio corrispondente utilizza l'istruzione ng-switch-when per mostrare la selezione selezionata e rimuovere altre che corrispondono.
Puoi usare l'istruzione ng-switch-default L'istruzione di istruzione imposta l'opzione predefinita, che viene visualizzata se nessuna condizione corrisponde.
<ng-switch></ng-switch> <ng-switch-when=""></ng-switch-when> <ng-switch-when=""></ng-switch-when> <ng-switch-when=""></ng-switch-when> <ng-switch-default></ng-switch-default>
L'elemento <form> supporta questa proprietà.
| Valore | Descrizione |
|---|---|
| espressione | Le espressioni mostrano i corrispondenti elementi, rimuovendo quelli non corrispondenti. |