javascript – Klicken Sie, um Klassen in AngularJs hinzuzufügen und zu löschen
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-08 11:02:15
0
2
809

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

曾经蜡笔没有小新
曾经蜡笔没有小新

Antworte allen(2)
学习ing

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

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

漂亮男人

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage