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

Question

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

@Input()
isTOSAccepted: boolean = false

在模板中，我试图设置这样的值：

[isTOSAccepted]="oftrue | async">

oftrue属性声明如下：

oftrue:Observable<boolean> = of(true)

模板短绒产生以下错误：

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正在抱怨，因为您的输入是布尔类型的，异步管道返回T和null 的并集类型