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