javascript - 当 aot 设置为 true 时，ngClass 和 ngIf 条件无法编译

Question

我有一个带有 ngClass 条件的 div:

<div [ngClass]="{ 'active': nbActive === 1 }" >
    <!-- some stuff -->
</div>

还有一个带有 ngIf 条件的类似 div:

<div *ngIf="nbActive === 1">
    <!-- some stuff -->
</div>

以下是 NbActive 声明:

export class WhyChooseUsComponent implements OnInit {
   nbActive: 0;
   constructor() { }
   // some stuff
}

如果在我的生产配置中，我设置:

"aot": true,
"buildOptimizer": true,

然后我收到以下错误:

This condition will always return 'false' since the types '0' and '1' have no overlap.

如果将 aot 和 buildOptimizer 设置为 false，我不会收到任何错误，并且一切都按预期工作。
这个问题从何而来？我该如何解决这个问题？

Answer 1

你写了

   nbActive: 0;

这意味着 nbActive 唯一可接受的值为 0。

您可能需要这个:

   nbActive: number = 0;