javascript - 无法读取未定义的属性 'status' - 函数实际运行前出错？

Question

我正在使用下拉菜单，Angular 的 [selected] 标签似乎给我带来了一些问题......

看起来，虽然我的代码带回了我所期望的一切，将显示的下拉值与我的事件的当前状态相匹配，但它抛出了一个错误，指出:

ERROR TypeError: Cannot read property 'status' of undefined

也许它试图在它有机会实际查看之前为 [selected] 赋值？跳枪一点？

html

<select>
   <option *ngFor="let x of options" [selected]="isCurrent(x.name)">{{x.name}}</option>
</select>

组件

isCurrent(status: string): boolean {
    return this.event.status == status;
  }

this.event 是一个带有妆容的对象:

export interface IEvent extends IEntity {
  date: Date;  //  YYYY-MM-DD'T'HH:MM:ss.SSSZ
  status: string;
  stage: IEntity;
  entrants?: IEntrant[];
}

Answer 1

尝试像这样扩展您的 isCurrent 函数:

isCurrent(status: string): boolean {
    // firstly check that event exists
    return this.event && this.event.status == status;
}

event 似乎在开始时未定义或为 null，并且异步获取值，晚于第一次检查运行。