文章詳情頁(yè)
css - Angular2中怎么不通過路由實(shí)現(xiàn)多個(gè)button的切換效果？
瀏覽：117日期：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. javascript - 微信網(wǎng)頁(yè)開發(fā)從菜單進(jìn)入頁(yè)面后，按返回鍵沒有關(guān)閉瀏覽器而是刷新當(dāng)前頁(yè)面，求解決？2. php傳對(duì)應(yīng)的id值為什么傳不了啊有木有大神會(huì)的看我下方截圖3. extra沒有加載出來4. mysql replace 死鎖5. android - 安卓做前端，PHP做后臺(tái)服務(wù)器 有什么需要注意的？6. python3.x - Python not 運(yùn)算符的問題7. python - 數(shù)據(jù)與循環(huán)次數(shù)對(duì)應(yīng)不上8. mysql - ubuntu開啟3306端口失敗,有什么辦法可以解決？9. mysql - C#連接數(shù)據(jù)庫(kù)時(shí)一直這一句出問題int i = cmd.ExecuteNonQuery();10. 求救一下，用新版的phpstudy，數(shù)據(jù)庫(kù)過段時(shí)間會(huì)消失是什么情況？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備