异步管道在 Angular 的输入中不起作用

Question

我习惯于在 Angular HTML 模板中使用带有“as”的异步管道来避免复制可观察订阅，如下所示：

<component *ngIf="(selected$ | async) as selected"></component>

所以我可以在模板中的其他任何地方使用“selected”。

但是如果我尝试像这样使用它，在输入中：

<component [param]="(selected$ | async) as selected"></component>

我收到一个错误：

Unexpected token 'as' at column 21 in [categories$ | async as categories]

知道为什么吗？ 谢谢！

Answer 1

正如马丁所说，as 语法特定于*ngIf。但是你可以使用ng-container 来获得你想要的结果：

<ng-container *ngIf="(selected$ | async) as selected">
    <component [param]="selected"></component>
</ng-container>

Answer 2

没错，as 语法特定于*ngIf。它不是您可以在 Angular 模板中的任何位置使用的通用关键字。

查看https://angular.io/api/common/NgIf 并搜索NgIfAs 类。