文章詳情頁(yè)
css - Angular2中怎么不通過(guò)路由實(shí)現(xiàn)多個(gè)button的切換效果?
瀏覽:234日期:2024-03-12 10:32:28
問(wèn)題描述

如何不用路由實(shí)現(xiàn)點(diǎn)擊按鈕時(shí),當(dāng)前按鈕背景顏色變成藍(lán)色,其他按鈕背景顏色任然是灰色的效果呢?
問(wèn)題解答
回答1:還是自問(wèn)自答吧,已經(jīng)通過(guò)ng2的指令來(lái)實(shí)現(xiàn)了這個(gè)效果,詳見(jiàn):http://tc9011.com/2017/03/03/...
回答2:ng-class滿(mǎn)足不了嗎 <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:看了你的博文,雖然道理都一樣,但還是覺(jué)得您的做法也許復(fù)雜了,這里po出來(lái)你瞅瞅 :)
個(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配置問(wèn)題
相關(guān)文章:
1. docker綁定了nginx端口 外部訪(fǎng)問(wèn)不到2. dockerfile - 為什么docker容器啟動(dòng)不了?3. git - webstorm窗口中左側(cè)列表的文件名顏色怎么修改4. javascript - 深夜被問(wèn)題困擾求解惑,rn的API之PermissionsAndroidd的問(wèn)題5. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問(wèn)題!!6. android權(quán)限被第三方安全軟件禁止,如何獲取該權(quán)限狀態(tài)7. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?8. mysql - 我的myeclipse一直連顯示數(shù)據(jù)庫(kù)連接失敗,不知道為什么9. tp 6.0 數(shù)據(jù)查詢(xún),求教!10. mysqld無(wú)法關(guān)閉
排行榜

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