Saya memiliki formulir untuk membalas pesan yang ingin saya tampilkan hanya jika isReplyFormOpen
benar, dan setiap kali saya mengklik tombol balas, saya ingin beralih apakah formulir tersebut ditampilkan atau tidak. Bagaimana saya bisa melakukan ini?
javascript
html
angularjs
ng-show
liamzebedee
sumber
sumber
ng-class
:<span ng-click="started=!started" ng-class="started ? 'btn-danger' : 'btn-success' ">
+1. Terima kasih :) ♥.Pada dasarnya saya menyelesaikannya dengan TIDAK -ing
isReplyFormOpen
nilainya setiap kali diklik:sumber
ng-init
perlu?undefined
awalnya dan!undefined == true
Jika berdasarkan klik di sini:
sumber
Perlu dicatat bahwa jika Anda memiliki tombol di Pengontrol A dan elemen yang ingin Anda tampilkan di Pengontrol B, Anda mungkin perlu menggunakan notasi titik untuk mengakses variabel cakupan di seluruh pengontrol.
Misalnya, ini tidak akan berhasil:
Untuk mengatasi ini, buat variabel global (mis. Di Pengontrol A atau Pengontrol utama Anda):
Kemudian tambahkan awalan 'global' ke klik Anda dan tampilkan variabel:
Untuk detail lebih lanjut, lihat Status Bersarang & Tampilan Bersarang di dokumentasi Angular-UI , tonton video , atau baca cakupan pemahaman .
sumber
Berikut adalah contoh untuk menggunakan perintah ngclick & ng-if.
Catatan : ng-if menghapus elemen dari DOM, tetapi ng-hide hanya menyembunyikan tampilan elemen.
sumber
Jika Anda memiliki beberapa Menu dengan Submenu, maka Anda dapat menggunakan solusi di bawah ini.
HTML
Ada dua fungsi yang saya panggil pertama adalah ng-click = hasSubMenu ('dashboard'). Fungsi ini akan digunakan untuk beralih menu dan dijelaskan dalam kode di bawah ini. Ng-class = "{active: isActive ('/ customerCare / transaction')} itu akan menambahkan kelas yang aktif ke item menu saat ini.
Sekarang saya telah menentukan beberapa fungsi di aplikasi saya:
Pertama, tambahkan dependensi $ rootScope yang digunakan untuk mendeklarasikan variabel dan fungsi. Untuk mempelajari lebih lanjut tentang $ roootScope lihat link: https://docs.angularjs.org/api/ng/service/ $ rootScope
Ini file aplikasi saya:
Fungsi di atas digunakan untuk menambahkan kelas aktif ke item menu saat ini.
Secara default $ rootScope.showDash dan $ rootScope.showCC disetel ke false. Ini akan mengatur menu untuk ditutup saat halaman pertama kali dimuat. Jika Anda memiliki lebih dari dua submenu tambahkan yang sesuai.
Fungsi hasSubMenu () akan berfungsi untuk beralih di antara menu. Saya telah menambahkan kondisi kecil
submenu akan tetap terbuka setelah memuat ulang halaman sesuai dengan item menu yang dipilih.
Saya telah mendefinisikan halaman saya seperti:
Anda dapat menggunakan fungsi isActive () hanya jika Anda memiliki satu menu tanpa submenu. Anda dapat mengubah kode sesuai dengan kebutuhan Anda. Semoga ini bisa membantu. Semoga hari mu menyenangkan :)
sumber