Question

我有以下代码

green

我希望如果任何表达式都为真，那么这两个类都会被添加。但是，“背景”类仅为 last ngClass规则添加。

因此，SOLD单只有yellow个类，IN PROGRESS只有blue background个类，DONE正确滑动了setup个类。

这里发生了什么？

Answer 1

如果您可以提供一个plunkr或示例，那将是很好的，但如果任何表达式为真，那么你是正确的，那么将应用样式。

我认为您的问题可能与CSS文件有关。请记住（假设你有一个平坦的css类heirarchy），后面定义的类将具有更高的特异性并应用于其他类。也许风格＆＃34;绿色＆＃34;和＆＃34;黄色＆＃34;正在覆盖＆＃34;背景＆＃34;的某些属性。类。

如果这不起作用，我也会检查一下 - 当您在NgClass对象中移动属性时会发生什么？例如，像这样：

<a *ngFor="let slipStatus of slipStatuses; class="item striped"
     [ngClass]="{
       'blue background': slipStatus.status === 'DONE'
       'green background': slipStatus.status === 'SOLD',
       'yellow background': slipStatus.status === 'IN PROGRESS',
     }">

Angular2 ngClass函数无法按预期工作

1 个答案: