Angular Observable 组件和服务交互

Posted

技术标签:

【中文标题】Angular Observable 组件和服务交互【英文标题】:Angular Observable Component and Service Interaction 【发布时间】:2020-12-28 12:31:44 【问题描述】:

使用 Corey Rylan 的代码示例,更新 TODO 函数调用会是什么样子:https://stackblitz.com/edit/angular-fh1kyp ?

具体来说,如果我在Angular Component中有todo: Observable<Todo>,我该如何调用Angular Service的update( todo: Todo )

【问题讨论】:

【参考方案1】:

不太确定您在寻找什么,但您是否尝试过订阅 observable 类型的 todo 变量,然后从 subscribe 函数内部调用 update 函数?

todo.subscribe(todoValue => this.service.update(todoValue));

这将做的是订阅 todo Observable,每当收到东西时,它都会调用更新函数。

【讨论】:

以上是关于Angular Observable 组件和服务交互的主要内容,如果未能解决你的问题,请参考以下文章

Angular observable 不会自动更新

服务中的 Angular 4+ ngOnDestroy() - 销毁 observable

如何取消订阅由 Angular 服务创建的 observable [重复]

Typescript Angular - Observable:如何更改其值?

具有多个订阅者的 Angular 2 Observable

Angular Universal Render 等待 Http 结果 Observable 订阅者