Angular 2服务-订阅不保存数据？
Angular 2服务中的订阅不保存数据是指在订阅一个Observable时，如果不采取额外的措施，当订阅被取消或组件销毁时，订阅的数据将会丢失，不会被保存。
在Angular中，服务是用来共享数据和功能的。当一个组件订阅一个服务中的Observable时，它可以接收到Observable发出的数据。然而，当组件销毁或取消订阅时，Observable会停止发送数据，这意味着数据不会被保存。
为了解决这个问题，可以采取以下措施：
- 使用Subject或BehaviorSubject：Subject是一个特殊的Observable，它可以多播给多个观察者。BehaviorSubject是Subject的一种变体，它会保存最新的值，并在有新的观察者订阅时立即发送该值。通过使用Subject或BehaviorSubject，可以在组件销毁后仍然能够获取到最新的数据。
- 在服务中使用BehaviorSubject保存数据：在服务中创建一个BehaviorSubject，并将数据保存在其中。当组件订阅该BehaviorSubject时，它将接收到最新的数据。这样，即使组件销毁后重新订阅，也能获取到之前保存的数据。
- 在组件销毁时取消订阅：在组件的ngOnDestroy生命周期钩子中，取消对Observable的订阅，以避免内存泄漏和不必要的数据传输。
总结起来，为了在Angular 2服务中保存订阅的数据，可以使用Subject或BehaviorSubject来保存数据，并在组件销毁时取消订阅。这样可以确保数据在组件销毁后仍然可用，并且避免内存泄漏问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
我正在编写一个Angular 2应用程序，其中包含表示页面的组件。当我导航到一个新的组件/页面时，我还想跟踪我之前所在的组件/页面。我正在通过一项服务来实现这一点。当我在我的组件构造函数中订阅服务时，看起来我的数据被正确地保存到了一个属性中。但是，如果我稍后尝试访问此属性，系统会显示它未定义。为什么会这样呢？import { Router, ActivatedRoute }
浏览 4提问于2019-08-01得票数 0
回答已采纳
1回答
我不能将数据存储到UserDetailsArr对象，PFB代码中供您参考。firstName:string; mobileNumber:string; } import {Component} from '@angular/core' impo
浏览 2提问于2016-08-23得票数 4
回答已采纳
this.memberCreationService.getFacebookPicUrl(uid)然而，有没有一种方法可以在不创建订阅的情况下做到这一点
浏览 4提问于2017-02-17得票数 1
回答已采纳
此文件是通过各种外部数据源创建的，并放置在资产目录中。有没有办法在json发生变化时加载它？import accessioningAnalyticsDataNC from '../../assets/data/Accessioning-Analytics-NC-Data.json';
我有一个读取和操作数据的getData函数。
浏览 7提问于2019-08-12得票数 0
我在我的angular应用程序中有多个模块，每个模块都存储一些与我的主数据相关的数据。现在，我想删除我的主数据，我还想删除所有相关数据。因此，我在考虑创建一个带有delete方法的服务(service1)和一个观察值，以便让其他服务知道此数据将被删除，而其他相关服务(service2, service3, ...)将订阅并删除其相关数据Service1，并且如果将来开发一个新的模型
浏览 6提问于2019-10-08得票数 0
回答已采纳
1回答
我想通过订阅一些可观察到的东西来实现这一点，但它不起作用。} from 'angular2-materialize'; }
this.sharedService.showModalMethod();我调用next methode的服务/shared/services/user.service";
import {
浏览 0提问于2017-08-08得票数 0
虽然我已经尝试了很多次，但不是工作的EMIT或订阅。LoginComponent。如果没有侦听GlobalService变量，也会*ngIf。
浏览 0提问于2017-06-06得票数 0
在使用angular的angular HttpClient时，我了解到HttpClient post方法使用冷可观察对象，并且会进行两次单独的调用来将数据发布到server.And，除非您不订阅post方法，否则它不会将数据发布到服务器。尽管如此，Rxjs cold observable表示，它将保留所有序列，直到结束，并在订阅时触发所有序列。
它将如何对服务器进行2个单独的调用来发布数据。
浏览 3提问于2017-09-06得票数 2
我使用一个服务将两者连接起来，并认为BehaviourSubject将是一条道路，但显然我还没有正确理解一些东西。import { Injectable } from '@angular/core'; }
}
浏览 1提问于2016-09-17得票数 1
回答已采纳
这是在身份验证组件中单击登录按钮时的功能}<code>A1</code>下面是我的header组件：
<code>A2</code
浏览 10提问于2020-03-16得票数 0
回答已采纳
我有18个指令，它们都拆开了父组件订阅的一个非常大的对象(不是http)。我是将属性分发给不同的指令，还是更好的做法是传递可观察的内容，让不同的组件订阅，只订阅它们所需的属性。简单地说，，，我应该：
在父服务器中订阅并将可观察到的结果数据传递给angular2指令。(我现在就是这样实现的)
浏览 6提问于2016-11-16得票数 0
回答已采纳
1回答
我正在使用Angular 4 Typescript和MySQL创建一个聊天系统。我可以将消息发布到我的服务器。
但是，我很难理解如何检索数据。当用户订阅聊天频道时，我不希望他/她一次收到所有聊天日志。
浏览 0提问于2018-08-03得票数 2
我有一个Angular服务，它异步地与几个组件共享一个数据流(http调用)。我需要偶尔调用基于用户操作的http服务。我使用ReplaySubject保存加载值，并将其发送给在http调用后订阅的订阅者。...' + x),
err => console.lo
浏览 9提问于2017-01-26得票数 6
1回答
描述：问题：
我希望能够刷新订阅，重新加载数据并将其显示在html中，而不必手动刷新页面。有几个答案是关于RC中的解决方案的。我在4.0。我希望能够将记录添
浏览 4提问于2017-05-20得票数 1
在Angular2中，“订阅”和“取消订阅”是如何与可观察的工作的？
获取selectedClient()：可观察的{返回this._clients.asObservable()；}
在组件级别，我通过订阅前面提到的getter来访问数据</e
浏览 3提问于2016-09-23得票数 1
回答已采纳
3回答
重新调用控制器时丢失表单输入数据
、、、、
我有一个简单的多视图Angular应用程序，它实现了一个向导，所以每次用户单击" next“按钮时，应用程序都会导航到下一个视图，"Back”按钮也是如此。
浏览 6提问于2015-07-01得票数 3
在angular 2+中，我有一个组件A，它调用服务A，我做了一些更改，然后调用服务B (Http调用)并获取数据，而服务B只是简单地传递回服务A，现在我需要订阅服务A来查看数据，还需要订阅组件A来在那里显示数据为什么我需要在两个地方订阅，这意味着它进行了两次http调用(这一点都不好) 通过订阅和执行所有操作并简单地将该对象发送回组件A以显示它
浏览 17提问于2018-12-27得票数 0
我试图通过服务在两个组件之间传递数据。我不确定如何通过来自另一个组件的服务来使用数据。我正在通过getData()方法从2.Component获取数据，并将其保存到数据变量中。1.组件文件import {PassProfileDataService} from '.._sharedService.
浏览 0提问于2016-10-02得票数 0
我需要传递相同的数据和更多的信息到另一个页面上使用点击事件我的项目。我想过使用包含所有后端调用的容器，例如使用模块，但没有成功。有什么建议吗？
浏览 0提问于2019-06-24得票数 1
我认为这样做的方法是编写这样的服务：export class DataService {
dataChange: EventEmitter<any> = new EventEmitter，并在它们试图传递数据时调用change函数。不过，Angular2似乎不喜欢这种情况，只是忽略了通过订阅获得的任何内容。我的控制台记录了订阅，它们被“订阅”并打开。我可以通过调用组件本身并使用jQuery或普通Javascript来操作DO
浏览 2提问于2017-04-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
