問(wèn)題描述

$('.task-aot>p').on('click', function () { $(this).addClass(’active’).siblings().removeClass('active') }); 這段代碼的效果在angular里要著么實(shí)現(xiàn)？

問(wèn)題解答

如果是angularjs(官方稱(chēng)的angular1.0x版本的話(huà))，有一個(gè)ngClass指令，可以控制class值是否出現(xiàn)。具體用法如下<p ng-class {’selected’: isSelected, ’car’: isCar}'></p>

可以用一個(gè)ng-click控制一個(gè)值，再把這個(gè)值對(duì)應(yīng)到ng-class中來(lái)控制

說(shuō)錯(cuò)了，你問(wèn)的是ng中很普遍的問(wèn)題比如ul中的li是遍歷出來(lái)的，每個(gè)li有一個(gè)$index值取一個(gè)值比如target,默認(rèn)為-1,點(diǎn)li時(shí)，讓target等同于當(dāng)前l(fā)i的index值,樣式判斷大致寫(xiě)成這樣，css: { selected: $index == target }