渲染视图后，如何使* ngIf仍然是动态的？

Question

我希望这个问题有意义，我对Angular非常陌生。

基本上，我所拥有的是* ngIf指令，该指令可以更改css属性的颜色，以便在计划启动事件（但尚未启动）时向用户发出警告。

<input type="hidden" *ngIf="isEventOverdue(event.startDatetime, event.status, i) == true" />



public isEventOverdue(eventStartTime:string, eventStatus:string, eventIndex:number):  boolean
{
    if (Event Status = 'Scheduled' && elapsed time since event start time >= 5mins) {
            this.events[eventIndex].view.statusColor = "red";

    }
}

我面临的问题是，此函数仅触发一次，因此这意味着CSS属性仅在刷新或加载页面时更改。如何使CSS属性立即更改？