Latest web development tutorials

AngularJS instruksi ng-switch

Pedoman AngularJS Referensi Pedoman AngularJS Referensi


Tergantung pada nilai yang dipilih dari bagian yang sesuai dari layar:

<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>

Coba »


Definisi dan Penggunaan

perintahng-switch untuk menampilkan atau menyembunyikan berdasarkan ekspresi sesuai bagian.

Sesuai sub-elemenng-switch-saat order, jika Anda memilih untuk ditampilkan pencocokan yang dipilih, yang lainnya untuk penghapusan pertandingan.

Anda dapat mengatur pilihan default dengan menggunakan perintahng-switch-default, jika keadaan tidak cocok, pilihan default akan ditampilkan.


tatabahasa

<Elemen ng-switch = "ekspresi ">
<Elemen ng-switch-saat = "value"> </ elemen>
<Elemen ng-switch-saat = "value"> </ elemen>
<Elemen ng-switch-saat = "value"> </ elemen>
<Elemen ng-switch-default> </ elemen>
</ Elemen>

<Form> elemen mendukung properti.


Nilai parameter

nilai deskripsi
ekspresi Ekspresi akan cocok dengan tampilan tidak sesuai item dihapus.

Pedoman AngularJS Referensi Pedoman AngularJS Referensi