javascript - Klik untuk menambah dan memadam kelas dalam angularJs

Question

$(".task-aot>p").on("klik", fungsi () {
$(this).addClass('active').siblings().removeClass("active")
});
Bolehkah kesan kod ini direalisasikan dalam Angular?

Answer 1

Jika ia angularjs (secara rasmi dipanggil versi angular1.0x), terdapat arahan ngClass yang boleh mengawal sama ada nilai kelas muncul. Penggunaan khusus adalah seperti berikut
<p ng-class {'selected': isSelected, 'car': isCar}">
</p>

Anda boleh menggunakan klik-ng untuk mengawal nilai, dan kemudian petakan nilai ini ke kelas-ng untuk kawalan

Answer 2

Salah, anda bertanya soalan yang sangat biasa dalam ng
Sebagai contoh, li dalam ul dilalui, dan setiap li mempunyai nilai $indeks
Ambil nilai seperti sasaran, lalai ialah -1,
Apabila anda mengklik li , biarkan sasaran sama dengan nilai indeks li semasa,
Penghakiman gaya ditulis secara kasar seperti ini, css: { dipilih: $index == sasaran }