文章詳情頁
css - Angular2中怎么不通過路由實(shí)現(xiàn)多個(gè)button的切換效果?
瀏覽:122日期:2024-03-12 10:32:28
問題描述
如何不用路由實(shí)現(xiàn)點(diǎn)擊按鈕時(shí),當(dāng)前按鈕背景顏色變成藍(lán)色,其他按鈕背景顏色任然是灰色的效果呢?
問題解答
回答1:還是自問自答吧,已經(jīng)通過ng2的指令來實(shí)現(xiàn)了這個(gè)效果,詳見:http://tc9011.com/2017/03/03/...
回答2:ng-class滿足不了嗎 <p ng-class='{true: ’green’, false: ’red’}[isA[0]]'></p> <p ng-class='{true: ’green’, false: ’red’}[isA[1]]'></p>點(diǎn)擊事件去修改isA數(shù)組回答3:看了你的博文,雖然道理都一樣,但還是覺得您的做法也許復(fù)雜了,這里po出來你瞅瞅 :)
個(gè)人認(rèn)為的最佳實(shí)踐是angular-router模塊已經(jīng)為我們提供的方案:routerLinkActive指令。代碼樣例點(diǎn)這里
That’s all...
標(biāo)簽:
CSS
上一條:前端 - angular官網(wǎng)教程第7個(gè)HTTP,找不到angular-in-memory-web-api下一條:angular.js - webpack打包大型SPA配置問題
相關(guān)文章:
1. angular.js - angular內(nèi)容過長展開收起效果2. 關(guān)于nginx location配置的問題,root到底是什么3. angular.js - angularjs的自定義過濾器如何給文字加顏色?4. docker鏡像push報(bào)錯(cuò)5. 關(guān)于docker下的nginx壓力測試6. 大家好,請問在python腳本中怎么用virtualenv激活指定的環(huán)境?7. 并發(fā)模型 - python將進(jìn)程池放在裝飾器里為什么不生效也沒報(bào)錯(cuò)8. python的前景到底有大?如果不考慮數(shù)據(jù)挖掘,機(jī)器學(xué)習(xí)這塊?9. python 怎樣用pickle保存類的實(shí)例?10. python2安裝失敗
排行榜

熱門標(biāo)簽