文章詳情頁
javascript - angularJs里點(diǎn)擊添加刪除類
瀏覽:162日期:2024-03-06 17:56:25
問題描述
$('.task-aot>p').on('click', function () { $(this).addClass(’active’).siblings().removeClass('active') }); 這段代碼的效果在angular里要著么實(shí)現(xiàn)?
問題解答
回答1:如果是angularjs(官方稱的angular1.0x版本的話),有一個(gè)ngClass指令,可以控制class值是否出現(xiàn)。具體用法如下<p ng-class {’selected’: isSelected, ’car’: isCar}'></p>
可以用一個(gè)ng-click控制一個(gè)值,再把這個(gè)值對應(yīng)到ng-class中來控制
回答2:說錯(cuò)了,你問的是ng中很普遍的問題比如ul中的li是遍歷出來的,每個(gè)li有一個(gè)$index值取一個(gè)值比如target,默認(rèn)為-1,點(diǎn)li時(shí),讓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. android - weex 項(xiàng)目createInstanceReferenceError: Vue is not defined2. android - 哪位大神知道java后臺(tái)的api接口的對象傳到前端后輸入日期報(bào)錯(cuò),是什么情況?求大神指點(diǎn)3. pdo 寫入到數(shù)據(jù)庫的內(nèi)容為中文的時(shí)候?qū)懭雭y碼4. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入5. javascript - 如圖,百度首頁,查看源代碼為什么什么都沒有?6. vue2.0+webpack 如何使用bootstrap?7. PHP類封裝的插入數(shù)據(jù),總是插入不成功,返回false;8. mac連接阿里云docker集群,已經(jīng)卡了2天了,求問?9. python - 小白django提交數(shù)據(jù)后,沒有存儲(chǔ)到數(shù)據(jù)庫(查閱資料并沒有發(fā)現(xiàn)問題)10. javascript - 前端開發(fā)框架express,在他的模板引擎下怎么給按鈕添加綁定事件?
排行榜

熱門標(biāo)簽