我有一个Angular列表,我期望在元素li被点击时,显示的外观和其他元素不一样。可以通过li被点击时,给该元素分配一个CSS样式的方式来实现。

Angular 界面元素CSS样式的条件式施加方式

定义一个selected CSS类:

Angular 界面元素CSS样式的条件式施加方式

list当前元素等于selectedHero的值时,施加.selected类:

Angular 界面元素CSS样式的条件式施加方式

这参照了官网上介绍的语法:

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.

Angular 界面元素CSS样式的条件式施加方式

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
Angular 界面元素CSS样式的条件式施加方式

相关文章:

  • 2022-12-23
  • 2021-06-09
  • 2021-08-01
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-27
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-17
  • 2021-08-20
  • 2021-04-05
  • 2022-01-29
相关资源
相似解决方案