NgClass忽略了mdi-timelapse

Question

所以，我有以下代码：

<i class="mdi"
  [ngClass]="{ 'not-started mdi-timer': task.state === 'NOT_STARTED',
               'started mdi-timelapse': task.state === 'STARTED',
               'ended mdi-timer-off': task.state ===  'ENDED'}"></i>

除了mdi-timelapse之外，所有图标和类都会添加。这很奇怪，因为如果我在渲染的代码中添加它 - 它完美地运行。任何其他图标也可以。

呈现的代码如下所示：

<i _ngcontent-iln-15="" class="mdi started" ng-reflect-initial-classes="mdi" ng-reflect-ng-class="[object Object]"></i>

为什么会这样？我该如何解决这个问题？

Answer 1

这是班级的顺序。因此，如果您的ngClass中有很多逻辑，那么最好使用函数！