文章詳情頁(yè)
css - Angular2中怎么不通過(guò)路由實(shí)現(xiàn)多個(gè)button的切換效果?
瀏覽:101日期: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滿足不了嗎 <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. python - beautifulsoup獲取網(wǎng)頁(yè)內(nèi)容的問(wèn)題2. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題3. docker鏡像push報(bào)錯(cuò)4. docker - 如何修改運(yùn)行中容器的配置5. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題6. fragment - android webView 返回后怎么禁止重新渲染?7. docker不顯示端口映射呢?8. android studio總是在processes running好久9. dockerfile - [docker build image失敗- npm install]10. angular.js - Angular 2 + Django構(gòu)建的Web應(yīng)用, 如何合理搭配 ?
排行榜

熱門標(biāo)簽