javascript - angularJs裡點選新增刪除類

Question

$(".task-aot>p").on("click", function () {
$(this).addClass('active').siblings().removeClass("active")
});
這段程式碼的效果在angular裡要著麼實作？

Answer 1

如果是angularjs(官方稱的angular1.0x版本的話)，有一個ngClass指令，可以控制class值是否出現。具體用法如下

可以用一個ng-click控制一個值，再把這個值對應到ng-class中來控制

Answer 2

說錯了，你問的是ng中很普遍的問題
比如ul中的li是遍歷出來的，每個li有一個$index值
取一個值比如target,默認為-1,
點li時，讓target等同於當前li的index值,
樣式判斷大致寫成這樣，css: { selected: $index == target }