可观察类型的 Angular @Input

Question

将组件的@Input 传递给可观察对象是不好的做法吗？

例如: parent 的模板将有

<profile-edit [items$]="profileFacade.items$">

ProfileEditComponent 将有一个这样的变量:

@Input items$: Observable<ProfileItem[]>

并使用 |异步管道以取消转换模板中可观察值的值ProfileEditComponent 的

Answer 1

我认为这不是好的做法。 Angular 为您提供了一个 async 管道，这正是您在这里想要的。

当使用 async 管道时:

• 生成的代码较少，因为您不需要先订阅可观察对象。

• 组件不需要知道Observable类，这样比较笨

所以我认为:

<profile-edit [items]="profileFacade.items$ | async">


@Input items: ProfileItem[]

比这更干净更好:

<profile-edit [items]="profileFacade.items$">`


@Input items: Observable<ProfileItem[]>`

只是我的猜测，我不是专家。