Angular4中[ngClass]、[ngStyle]的用法

1、ngStyle

基本用法
  
添加判断
  
2、ngClass 

第一个参数为类名称,第二个参数为boolean值,如果为true就添加第一个参数的类

基本用法

[ngClass]="{'text-success':true}"
添加判断

[ngClass]="{'text-success':username == 'zxc'}"
[ngClass]="{'text-success':index == 0}"
3、例子循环显示的第一行添加text-danger样式,文字变红色

const arr = [1, 3, 4, 5, 6]


       

  •         {{item}}
       

你可能感兴趣的:(angular)