如何在@Input Angular中传递异步？

Question

我有输入属性[visitors]

<app-visitor-component [visitors]="visitors"></app-visitor-component>

如何替换异步上的[visitors]="visitors"，如：

[visitors]="service.currentUser | async"

Answer 1

如果您的服务是一个观察值，则需要使用Elvis运算符：

[visitors]="(service | async)?.currentUser"

Answer 2

您可以将其作为可观察对象发送，如果不能使用异步，则如下所示

<app-child [visitors]="(service.currentUser| async)">

Answer 3

将传递的变量设置为Observable、Subject<T>或BehaviourSubject<T>

例如：

// some service
public currentUser: Subject<string> = new Subject<string>();

然后使用like

[visitors]="service.currentUser | async"