我有一個(gè)Angular列表，我期望在元素li被點(diǎn)擊時(shí)，顯示的外觀和其他元素不一樣。可以通過li被點(diǎn)擊時(shí)，給該元素分配一個(gè)CSS樣式的方式來實(shí)現(xiàn)。

定義一個(gè)selected CSS類：

list當(dāng)前元素等于selectedHero的值時(shí)，施加.selected類：

這參照了官網(wǎng)上介紹的語(yǔ)法：

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)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的Angular界面元素CSS样式的条件式施加方式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。