Dalam instruksi asli Angular, instruksi ini digunakan untuk mengontrol apakah elemen ditampilkan atau tidak, ng-show/ng-hide/ng-if dan ng-switch.
Kami juga sering menggunakannya dalam optimasi kinerja sudut.
Mari kita lihat perbedaan mereka.
Di antara mereka, NG-Show dan NG-Hide adalah sama, kecuali bahwa NG-Show menampilkan kondisi ketika mereka bertemu, dan NG-HIDE menyembunyikan kondisi ketika mereka bertemu. Kami tidak akan menyebutkan NG-HIDE di bawah ini.
NG-Show
Nilai bool yang diterima oleh NG-Show akan dipicu untuk menampilkan simpul DOM saat benar. Ketika nilai NG-Show salah, kelas NG-hide ditambahkan ke simpul DOM, dan ekspresi kelas ini adalah "Display: None". Saat DOM memuat, semua node di NG-Show akan dimuat. Dengan kata lain, NG-Show hanya menyembunyikan dan menampilkan simpul DOM. Ini berarti bahwa jika ada terlalu banyak minyak dalam instruksi NG-Show, bahkan jika mereka tidak menampilkannya, simpul dom tempat mereka masih akan diterjemahkan.
NG-IF
NG-jika juga menerima nilai bool. Ketika nilainya salah, simpul yang dikendalikannya tidak dibuat atau simpul DOM sebelumnya akan dihancurkan. Bahkan jika simpul ini berisi banyak binding NG, itu tidak akan dieksekusi. Oleh karena itu, dalam pengembangan proyek, jika kita tidak perlu memuat DOM sekaligus, kita dapat menggunakan NG-jika untuk mencegah peristiwa NG terjadi, sehingga mempercepat kecepatan pemuatan DOM. Terutama ketika mengulangi, efeknya sangat jelas ketika setiap bagian data berisi struktur data yang kompleks. Ketika nilainya benar, simpul DOM akan dibuat.
Jadi, jika Anda menggunakan instruksi dan templat untuk memberikan informasi tambahan, seperti mengklik untuk menampilkan informasi terperinci dari item daftar, pastikan untuk menggunakan NG-IF (AngularJSV. 1.1.5 dan yang lebih baru). Ini memblokir rendering (dibandingkan dengan NG-show).
NG-SWITCH
Keberadaan NG-Switch menyelamatkan kita dari banyak masalah (harus dikatakan bahwa sudut itu sendiri seperti ini). Misalnya, kami menggunakan cara tradisional untuk membuat tab tab. Kita perlu mengulang lagi dan lagi dan kemudian menilai keadaan saat ini dan kemudian menjalankan hal -hal yang sesuai. Menggunakan NG-switch dalam sudut sangat sederhana. Ng-Switch harus terlebih dahulu mendengarkan variabel tertentu, dan konten apa yang akan ditampilkan di bawah ini ketika variabel dinilai. Seperti yang ditunjukkan di atas, ketika mendengarkan jenis seperti variabel, ketika nilai jenis sama dengan 'AAA', area ini akan dibuat dan ditampilkan; Ketika nilai jenis sama dengan 'BBB', semua DOM dari 'AAA' sebelumnya akan dihancurkan, dan kemudian semua 'BBB'doms akan dibuat dan ditampilkan.
Contoh http://jsbin.com/hinehi/1/edit