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 中有很多逻辑，最好使用函数！

NgClass 忽略 mdi-timelapse

NgClass ignores mdi-timelapse

angular

icons

ng-class