Angular 在渲染期间定义变量时，类不工作

在模板渲染过程中，我遇到了一个关于ionic中Angular的奇怪问题：

<div class="subHeader" *ngIf="calendarid === undefined">
    <div *ngFor="let calendar of calendars; let isFirst = first" class="user"
             [ngClass]="{'active': (isFirst) }"
             (tap)="showTheCalendar(calendar.id)">
        <img src="assets/imgs/person.svg" alt="Image">
        <p>{{ calendar.name }}</p>
        <div class="selectMark"></div>
    </div>
</div>
<div class="subHeader" *ngIf="calendarid !== undefined">
    <div *ngFor="let calendar of calendars; let isFirst = first" class="user"
              [ngClass]="{'active': calendar.id===calendarid }"
              (tap)="showTheCalendar(calendar.id)">
         <img src="assets/imgs/person.svg" alt="Image">
         <p>{{ calendar.name }}</p>
         <div class="selectMark"></div>
    </div>
</div>

如果不确定变量的类型，请使用

==

（关系运算符）

使用

而不是

[ngClass]="{ 'active': calendar.id===calendarid }"

---

尝试使用double equal

[ngClass]=“{'active'：calendar.id==calendarid}

好的，但我不明白为什么我需要这样做，因为它们都是数字。但现在我没有时间研究。谢谢@AbdulRafay！如果有效，请标记正确答案。：）

[ngClass]="{ 'active': calendar.id == calendarid }"

[ngClass]="{ 'active': calendar.id===calendarid }"