发布
社区首页 >问答首页 >带数组/对象问题的Angular2可观测存储服务.组件到组件通信

带数组/对象问题的Angular2可观测存储服务.组件到组件通信
EN

Stack Overflow用户
提问于 2017-01-12 00:41:45
回答 1查看 825关注 0票数 0

第一个问题,让我轻松一点吧!

我希望在Angular2中构建一个共享服务,该服务提供一个可观察的属性,可由应用程序中的组件订阅。

另外,我希望设置它,以便数据是从组件而不是通过HTTP调用提供的。我已经找到了设置示例,其中它使用DB作为CRUD操作的数据源,而不是在组件中创建数组或对象的位置。

一个简单的例子如下:

  1. 服务在负载时创建可观察的属性。
  2. Comp1更新服务上的属性。
  3. Comp2 (订阅服务上的可观测属性)从服务接收更新。
  4. Comp2继续得到更改,因为Comp1继续对可观察的属性进行更改。

有没有人知道一个很好的解释,或者有这个用例的例子?

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-12 08:52:20

这是非常常见的用例,您可以这样做。

1)在服务构造函数中初始化可观察到的

代码语言:javascript
代码运行次数:0
复制
this.myObservable = new Subject();

根据你想要达到的目标,你可以使用不同的观察仪器。Subject既是可观察的,也是观察者的,它将返回订阅的最新价值。

2)在源组件中推送新值

代码语言:javascript
代码运行次数:0
复制
myService.myObservable.next({...});

您还可以通过服务类中的setter来完成此操作,这样您就可以在将数据推入流之前修改它。

3)在您的消费类中,订阅流

代码语言:javascript
代码运行次数:0
复制
myService.myObservable.subscribe(value => ...);

您可以在任意多个组件中订阅它。当您订阅时,您将立即获得最新的值,然后在更新时获得新的值。

如果希望具有初始值,则在初始化服务中可观察到的值时,可以使用BehaviorSubject而不是Subject

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41603314

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档