NgClass忽略MDI-延时

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> 

所有图标和类添加EXCEPT mdi-timelapse。这很奇怪，因为如果我将它添加到呈现的代码中 - 它完美地工作。任何其他图标也适用。

渲染代码如下所示：

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

为什么会出现这种情况？我怎样才能解决这个问题？

Answer 1

这是一个类的顺序。所以如果你的ngClass中有很多逻辑，那么最好使用函数！