Angular2 [ngClass]条件因空格而失败

时间:2017-07-25 20:30:04

标签: angular angular-ng-class

我有一个ngClass条件,在没有空格的类名上运行正常,但是当我尝试执行类似下面的操作并且在按钮单击时切换isTrue时,类会从" btn btn-primary"到" btn-default"。那里的空间似乎正在抛弃它。我错过了什么

[ngClass]="{ 'btn btn-default': isTrue, 'btn btn-primary': !isTrue}"

1 个答案:

答案 0 :(得分:9)

取出常用的表达式,并将其余表达式放在ngClass指令

class="btn" [ngClass]="{ 'btn-default': isTrue, 'btn-primary': !isTrue}"