angular2 [ngStyle] [ngClass]的用法

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}}