Angular 角度：在输入未定义的情况下将数据从父级传递到子级

我已经创建了一个带有错误信息的弹出框组件（如果有错误）

目前我有一个接口

状态消息.ts

export interface Status {
  message: string;
}

login.component.ts

（父级）

login.component.html

<app-info-box *ngIf="statusFailed" [ngClass]="{ 'error-box': statusFailed}" [status]="status"></app-info-box>

<span> {{status}} </span>

info box.component.html

<app-info-box *ngIf="statusFailed" [ngClass]="{ 'error-box': statusFailed}" [status]="status"></app-info-box>

<span> {{status}} </span>

{{status}

每当我运行此命令时，我都会收到一个错误，

core.js:6014 error-TypeError:无法设置未定义的属性“message”，子组件不显示文本，但显示样式。
我怎样才能让它工作？
谢谢
您忘记初始化
状态
，因此当您尝试执行
this.status.message=res.message
时，它会抛出错误，因为
状态
仍然未定义

快速修复方法是在login.component类中初始化
状态
：

status: Status = {
   message: ''
}