Angular 2+订阅不工作
Angular是一种流行的前端开发框架，它提供了一种结构化的方法来构建Web应用程序。Angular 2+是Angular框架的后续版本，它引入了一些重要的改进和新功能。
订阅是Angular中用于处理异步数据流的重要概念。通过订阅，我们可以监听和响应来自Observable对象的数据变化。然而，有时候订阅可能会出现问题，导致订阅不起作用。以下是一些可能导致订阅不工作的常见原因和解决方法：
- 订阅未被触发：确保Observable对象已经发出了数据。可以通过在Observable对象上调用subscribe方法来订阅数据。
- 订阅未被订阅者接收：确保订阅者正确地订阅了Observable对象。在Angular中，可以使用AsyncPipe来自动订阅和取消订阅Observable对象。
- 订阅被取消：在Angular中，当组件被销毁时，订阅应该被取消以避免内存泄漏。可以在组件的ngOnDestroy生命周期钩子中取消订阅。
- 订阅链中的错误：如果订阅链中的任何一个操作符抛出了错误，整个订阅链都会中断。可以使用catchError操作符来捕获和处理错误。
- 订阅在错误的时间点：有时候订阅可能在错误的时间点触发，导致订阅不起作用。可以使用delay操作符来延迟订阅的触发时间。
总之，当遇到Angular 2+订阅不工作的问题时，我们应该检查以上可能的原因，并采取相应的解决方法。同时，可以参考腾讯云的云计算产品中与Angular相关的服务，例如腾讯云的云函数SCF（Serverless Cloud Function）可以用于处理前端的异步请求，详情请参考腾讯云SCF产品介绍：https://cloud.tencent.com/product/scf
相关·内容
我在我的-offers.component中订阅了getProfile()，它成功地返回了配置文件。问题是，当我在我的-公告中点击“删除”时，我的-offers.component中的订阅配置文件不会改变，但当我查看我的后端时，配置文件中的lessonID会被删除。为什么订阅者不能工作？
浏览 5提问于2018-01-22得票数 0
5回答
我见过很多在Angular 2+中订阅查询字符串参数的例子，但我似乎不能让它工作下面是我的代码： this.b = queryParams.b;我遇到的问题是，this似乎没有引用我的组件来设置a，而我想用来驱动*ngIf语句的b无法工作
浏览 1提问于2017-08-08得票数 8
<script type="text/javascript" src="build/js/libs/schema-form/angular.min.js"></script>
<script type="text/javascript" src="build/js/libs/schema-form/angular-sanitize.min.js&q
浏览 33提问于2016-09-16得票数 1
1回答
我想通过订阅一些可观察到的东西来实现这一点，但它不起作用。这是我的代码import { Component, OnInit, EventEmitter } from '@angular/core';import { Credentials } from "..}
浏览 0提问于2017-08-08得票数 0
但是在Angular2中，我在组件中有一个函数getVal()，我需要像angular1一样从模板中调用它。
浏览 3提问于2016-01-14得票数 41
回答已采纳
第一次更改语言选项时，更新URL并加载新内容即可完美工作。当选项再次更改时，什么也不会发生。运行changeLanguage()函数，但不运行其他函数。在Angular构建中分离和重用路由的其他SO问题似乎也是如此(这就是v5 btw)。然而，我没有尝试过其他类似的问题，所以解决了这个问题。];import { RouteReuseSt
浏览 5提问于2018-04-24得票数 1
我正在开发一个Angular 6应用程序。我开始用一个简单的datepicker创建一个组件。我不得不使用这个插件： "scripts": [(使用普通的html页面，一切都可以完美地工作！)。如何解决此问题？谢谢!
浏览 0提问于2018-10-05得票数 0
1回答
获取字符串而不是数字
、、、
import { Injectable } from '@angular/core';import { HttpClient } from'@angular/common/http';
Generated class for the DataProvider provider.See https://angular.
浏览 21提问于2019-02-18得票数 0
在angular 2+中，我有一个组件A，它调用服务A，我做了一些更改，然后调用服务B (Http调用)并获取数据，而服务B只是简单地传递回服务A，现在我需要订阅服务A来查看数据，还需要订阅组件A来在那里显示数据为什么我需要在两个地方订阅，这意味着它进行了两次http调用(这一点都不好) 通过订阅和执行所有操作并简单地将该对象发送回组件A以显示它，在服务A中获取和存储数据的最佳方式是什么？甚至我试图在服务A的订阅部分中创建一个变量，但是当我试图在订阅块
浏览 17提问于2018-12-27得票数 0
1回答
我想通过键入显示一个可选择的国家列表。我已经尝试了它的包角国家，并添加了以下HTML：<ngcountries></ngcountries> 'ngcountries‘不是一个已知的元素：
浏览 1提问于2019-10-30得票数 0
回答已采纳
1回答
我正在尝试从一个具有angular 7的观察值中获取一个值。但是，当我尝试从另一个组件订阅它时，例如 doStuff(): void { this.myService.getSomething
浏览 5提问于2019-10-17得票数 1
回答已采纳
1回答
我正在尝试使用observables (rxjs 6.5.1)在Angular 9中的顶级组件上加载页面数据。当我单独订阅这些服务时，我可以看到数据返回得很好： ngOnInit(): void {
const technicianSubscription = this.techniciansClientService.getByTechnicianId
浏览 9提问于2020-09-05得票数 2
回答已采纳
1回答
我肯定遗漏了一些非常明显的东西，但我在使用订阅组件来侦听服务中的更改时遇到了问题。 }))我在我的调试器中看到，我只得到了一个loginservice实例，但是它仍然不能工作
浏览 1提问于2016-10-18得票数 3
回答已采纳
3回答
我需要用Angular 2+创建一个有这么多记录的表。为此，我尝试了虚拟滚动。尽管如此，我仍然找不到任何处于工作状态的文档或示例。请帮助我开始使用Angular 2+虚拟卷轴。
浏览 3提问于2017-02-20得票数 3
3回答
取消HTTP请求
、、、、
我想知道是否有任何方法可以检查HTTP get是否处于挂起状态，以及是否有方法取消HTTP get？public getData(): Observable<any> {}
this.getData().su
浏览 1提问于2018-08-03得票数 2
现在，我们已经计划将web应用程序迁移到Angular(2+)。现在我们需要知道现有的Kendo Jquery电子表格和Treeview组件是否可以与Angular(2+) + Angular Material Design一起使用？如果jquery组件正常工作，是否有可能获得任何示例代码？
感谢Previn S
浏览 22提问于2018-01-08得票数 0
我想知道在angular cli项目中是否有使用es6转译器的选项，比如使用babel，而不是输入脚本。谢谢。
浏览 0提问于2017-07-05得票数 2
你好，StackOverflowers，
我对角2+很陌生。当我倾斜它的时候，我没有找到相当于$watch和$watchCollection的东西。
浏览 0提问于2018-09-05得票数 0
回答已采纳
对于这个Angular项目(我是第一次接触Angular --使用angular8，我在AngularJS上编写了很多代码，但这是完全不同的)，我声明了一些全局变量，并创建了一个带有leaflet.draw这张地图工作得很完美。当事件'draw:created‘被触发时，我需要访问这些全局变量中的一个，但是我得到了一个未定义的错误(检查map-base.Component.ts上的注释行)。代码：import { Injectable } from '@angular</e
浏览 10提问于2019-11-16得票数 0
该项目是使用Angular2作为其框架构建的，但是该工作人员似乎试图将AngularJS材料用于HTML组件。据我所知，如果我想在AngularJS材料中使用卡片组件，我将使用标记<md-card>，而对于Angular2材料，我将使用标记<mat-card>。在这个项目中，100%使用的组件都是'md‘组件，这对于Angular2项目来说是没有意义的。，这是有意义的，因为'md-card‘不应该是Angular2中的已知元素。所以我的问题是:有没有可能让Ang
浏览 0提问于2017-10-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
