使用异步初始化 Angular 12 中的布尔值输入属性？

Question

我在 Angular 12 应用程序中有一个布尔值输入 属性，如下所示：

  @Input()
  isTOSAccepted: boolean = false

在模板中，我试图设置如下值：

[isTOSAccepted]="oftrue | async">

oftrue 属性 声明如下：

oftrue:Observable<boolean> = of(true)

模板 linter 产生以下错误：

Type 'boolean | null' is not assignable to type 'boolean'.
  Type 'null' is not assignable to type 'boolean'.ngtsc(2322)

想法？

Answer 1

AsyncPipe 的输出是 T | null，因此您可能需要处理默认值，例如：

{{ (oftrue | async) || false }}

linter 抱怨是因为您的输入是布尔类型，而异步管道 returns 是 T 和 null 的联合类型