Perintah AngularJS NG-SWITCH
Tampilkan bagian yang sesuai sesuai dengan nilai yang dipilih:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body ng-app="">Site I like<select ng-model="myVar"> <option value="runooob">www.runoob.com <option value="google">www.google.com <option value="taobao">www.taobao.com</select><hr><div ng-switch="myVar"> <div ng-switch-when="runooob"> <h1>Rookie Tutorial</h1> <p>Welcome to the rookie tutorial</p> </div> <div ng-switch-when="google"> <h1>Google</h1> <p>Welcome to Google</p> </div> <div ng-switch-when="taobao"> <h1>Taobao</h1> <p>Welcome to Taobao</p> </div> <div ng-switch-default> <h1>Switch</h1> <p> Pilih opsi yang berbeda untuk menampilkan nilai yang sesuai. </p> </div> </div> <hr> <p> Arahan Ng-Switch menampilkan atau menyembunyikan bagian yang sesuai berdasarkan nilai saat ini. </p> </body> </html>
Definisi dan penggunaan
Arahan NG-SWITCH menampilkan atau menyembunyikan bagian yang sesuai sesuai dengan ekspresi.
Elemen anak yang sesuai menggunakan arahan NG-SWITCH-When. Jika kecocokan dipilih, pilih layar, dan yang lainnya dihapus.
Anda dapat mengatur opsi default dengan menggunakan arahan NG-SWITCH-DEFAULT. Jika tidak ada yang cocok, opsi default akan ditampilkan.
tata bahasa
<elemen ng-switch = "ekspresi"> <elemen ng-switch-when = "value"> </sement> <elemen ng-switch-when = "value"> </sement> <elemen ng-switch-when = "value"> </element> <elemen ng-switch-default> </elemen> </sement>
Elemen <Ecrom> mendukung properti ini.
Nilai parameter
| nilai | menggambarkan |
|---|---|
| Ekspresi | Ekspresi akan membuat kecocokan muncul dan ketidakcocokan akan dihapus. |
Di atas adalah pengantar rinci untuk perintah AngularJS ng-switch. Kami akan terus menambahkannya nanti. Terima kasih atas dukungan Anda untuk situs ini!