javascript – Klicken Sie, um Klassen in AngularJs hinzuzufügen und zu löschen

Question

$(".task-aot>p").on("click", function () {
$(this).addClass('active').siblings().removeClass("active")
});
Kann die Wirkung dieses Codes in Angular realisiert werden?

Answer 1

如果是angularjs(官方称的angular1.0x版本的话)，有一个ngClass指令，可以控制class值是否出现。具体用法如下
<p ng-class {'selected': isSelected, 'car': isCar}">
</p>

可以用一个ng-click控制一个值，再把这个值对应到ng-class中来控制

Answer 2

说错了，你问的是ng中很普遍的问题
比如ul中的li是遍历出来的，每个li有一个$index值
取一个值比如target,默认为-1,
点li时，让target等同于当前li的index值,
样式判断大致写成这样，css: { selected: $index == target }