文章詳情頁(yè)
css - Angular2中怎么不通過路由實(shí)現(xiàn)多個(gè)button的切換效果?
瀏覽:139日期: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 - 關(guān)于<a>元素與<input>元素的JS事件運(yùn)行問題2. mysql - 記得以前在哪里看過一個(gè)估算時(shí)間的網(wǎng)站3. python - 有什么好的可以收集貨幣基金的資源?4. python - 啟動(dòng)Eric6時(shí)報(bào)錯(cuò):’qscintilla_zh_CN’ could not be loaded5. css3 - 我想要背景長(zhǎng)度變化,而文字不移動(dòng),要怎么修改呢6. MySQL中的enum類型有什么優(yōu)點(diǎn)?7. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效8. javascript - vue 怎么渲染自定義組件9. javascript - 同步方式寫異步到底指什么?10. android下css3動(dòng)畫非常卡,GPU也不差啊
排行榜

熱門標(biāo)簽