Angular 角度误差TS2564：属性'；showToast$&x27；没有初始值设定项

在我的Angular-11中，我在component.ts中有以下代码：

export class ToastComponent implements OnInit, OnDestroy {
  showToast$: Observable<boolean>;
  toastHeader$: Observable<string>;
  toastBody$: Observable<string>;
  toastTime$: Observable<string>;

将类导出到组件实现OnInit、OnDestroy{
showtoots$：可见；
ToasHeader$：可见；
toastBody$：可观察到；
toastTime$：可观察到；

但我有一个错误：

src/app/core/toast/toast.component.ts:15:3-错误TS2564:属性“showtoos$”没有初始值设定项，并且未在构造函数中明确指定

export class ToastComponent implements OnInit, OnDestroy {
  showToast$: Observable<boolean>;
  toastHeader$: Observable<string>;
  toastBody$: Observable<string>;
  toastTime$: Observable<string>;
  
  constructor() {
    this.showToast$ = of(false);
    this.toastHeader$ = of('foobar');
    this.toastBody$ = of('foobar');
    this.toastTime$ = of('foobar');
  }
}

15美元：可见； ~~~~~~~~~~

我如何解决它

---

感谢

由于错误解释，属性设置为具有可观察的

类型，假设您最终将初始化这些属性（在
ngOnInit
或其他地方），您需要为每个声明设置一个：

export class ToastComponent implements OnInit, OnDestroy {
  showToast$!: Observable<boolean>;
  toastHeader$!: Observable<string>;
  toastBody$!: Observable<string>;
  toastTime$!: Observable<string>;
  ...
}

将类导出到组件实现OnInit、OnDestroy{
showToast$！：可见；
ToasHeader$！：可见；
toastBody$！：可见；
toastTime$！：可观察到；
...
}

export class ToastComponent implements OnInit, OnDestroy {
  showToast$!: Observable<boolean>;
  toastHeader$!: Observable<string>;
  toastBody$!: Observable<string>;
  toastTime$!: Observable<string>;
  ...
}