文章詳情頁
javascript - angularJs里點擊添加刪除類
瀏覽:248日期:2024-03-06 17:56:25
問題描述
$('.task-aot>p').on('click', function () { $(this).addClass(’active’).siblings().removeClass('active') }); 這段代碼的效果在angular里要著么實現(xiàn)?
問題解答
回答1:如果是angularjs(官方稱的angular1.0x版本的話),有一個ngClass指令,可以控制class值是否出現(xiàn)。具體用法如下<p ng-class {’selected’: isSelected, ’car’: isCar}'></p>
可以用一個ng-click控制一個值,再把這個值對應(yīng)到ng-class中來控制
回答2:說錯了,你問的是ng中很普遍的問題比如ul中的li是遍歷出來的,每個li有一個$index值取一個值比如target,默認(rèn)為-1,點li時,讓target等同于當(dāng)前l(fā)i的index值,樣式判斷大致寫成這樣,css: { selected: $index == target }
標(biāo)簽:
JavaScript
上一條:javascript - angular表單提交關(guān)于directive和service下一條:javascript - angularjs中value和constant的區(qū)別(主要是能不能修改的問題)
相關(guān)文章:
1. phpstudy8.1沒集成mysql-front2. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題3. node.js - mongodb查找子對象的名稱為某個值的對象的方法4. docker鏡像push報錯5. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””6. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個是怎么回事????7. 利用IPMI遠(yuǎn)程安裝centos報錯!8. html5 - datatables 加載不出來數(shù)據(jù)。9. 前端 - @media query 使用出現(xiàn)的問題?10. html5和Flash對抗是什么情況?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備