angular样式绑定的3种方法

62 阅读1分钟

1、<div [class.className]="条件表达式">…… class.className对于单个样式的绑定最合适

2、<div [ngClass]="'One:true, 'Two':true, 'Three':false"> ngClass是自由度和拓展性最强的样式绑定方式

3、<div [ngStyle]="'color':someColor, 'font-size':fontSize"> ngStyle是嵌入式样式,它会覆盖掉其他样式,使用时要谨慎