Angular界面元素CSS样式的条件式施加方式
生活随笔
收集整理的這篇文章主要介紹了
Angular界面元素CSS样式的条件式施加方式
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
我有一個Angular列表,我期望在元素li被點擊時,顯示的外觀和其他元素不一樣。可以通過li被點擊時,給該元素分配一個CSS樣式的方式來實現(xiàn)。
定義一個selected CSS類:
list當(dāng)前元素等于selectedHero的值時,施加.selected類:
這參照了官網(wǎng)上介紹的語法:
The Angular class binding makes it easy to add and remove a CSS class conditionally. Just add [class.some-css-class]=“some-condition” to the element you want to style.
要獲取更多Jerry的原創(chuàng)文章,請關(guān)注公眾號"汪子熙":
總結(jié)
以上是生活随笔為你收集整理的Angular界面元素CSS样式的条件式施加方式的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Angular 界面元素的条件渲染
- 下一篇: 一个简单易用的图标字体库和CSS框架fo