Angular 2订阅了另一个异步功能的服务
Angular 2是一个流行的前端开发框架，它提供了一种组织和管理Web应用程序的方式。在Angular 2中，订阅另一个异步功能的服务是一种常见的模式，它允许组件在异步操作完成后接收到数据或事件。
订阅另一个异步功能的服务通常涉及以下几个步骤：
- 创建一个服务：首先，你需要创建一个服务来处理异步操作。服务是Angular中的一个可注入的类，用于封装和提供数据、功能或其他服务。你可以使用Angular的依赖注入机制将服务注入到组件中。
- 定义一个Observable：在服务中，你可以使用RxJS库创建一个Observable对象。Observable是一种用于处理异步数据流的对象，它可以发送多个值，也可以发送错误或完成信号。
- 发布数据或事件：在Observable中，你可以使用各种操作符（如map、filter、reduce等）对数据进行转换和处理。一旦数据或事件准备好，你可以使用Observable的next方法将其发布出去。
- 订阅Observable：在组件中，你可以使用Angular的订阅机制订阅Observable。通过订阅，组件可以接收到Observable发送的数据或事件，并对其进行处理。
下面是一些关于Angular 2订阅另一个异步功能的服务的常见问题的答案：
- Angular 2中如何订阅另一个异步功能的服务？ 在组件中，你可以使用Observable的subscribe方法来订阅另一个异步功能的服务。例如：
- Angular 2中如何订阅另一个异步功能的服务？ 在组件中，你可以使用Observable的subscribe方法来订阅另一个异步功能的服务。例如：
- 什么是Observable？ Observable是RxJS库中的一个对象，用于处理异步数据流。它可以发送多个值，也可以发送错误或完成信号。在Angular中，Observable常用于处理HTTP请求、定时器、用户输入等异步操作。
- Angular中的依赖注入是什么？ 依赖注入是一种设计模式，用于将依赖关系从一个对象传递给另一个对象。在Angular中，依赖注入允许你将服务注入到组件、指令或其他服务中，以便在它们之间共享数据和功能。
- Angular中的RxJS是什么？ RxJS是一个用于处理异步数据流的JavaScript库。它提供了一组强大的操作符和工具，用于创建、转换和组合Observables。在Angular中，RxJS常用于处理HTTP请求、事件处理等异步操作。
- Angular中的服务是什么？ 服务是Angular中的一个可注入的类，用于封装和提供数据、功能或其他服务。通过将服务注入到组件中，你可以在组件中使用服务的方法和属性。
- Angular中的订阅是什么？ 订阅是一种机制，用于接收Observable发送的数据或事件。通过订阅Observable，你可以在组件中处理异步操作的结果。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动应用分析（MTA）：https://cloud.tencent.com/product/mta
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云网络安全（SSL证书）：https://cloud.tencent.com/product/ssl
相关·内容
1回答
通过观察值将数据从一个组件传递到另一个服务
javascript、angular、rxjs
我需要将信息从组件A发送到Service，在那里工作，然后发送到组件B。A和B是兄弟。我需要组件A来触发此操作，以便在组件B上获得所需的结果。
我正在尝试使用一个带有rxjs的可观察对象来实现这一点(我不知道这是否是最好的方法或实践)
目前我的组件A看起来像这样：
import { Observable } from "rxjs/Rx"
import { of, Subscription } from 'rxjs';
import { SoporteService } from '../soporte/services/soporte.servic
浏览 0提问于2019-10-01得票数 0
2回答
Angular 5-如何在http调用中链接可观察对象？
angular、typescript、observable
我正在用Angular 5编写一个应用程序，我想在他们自己的服务中保留原始的http调用，这样其他服务就可以根据需要处理响应。例如，我将拥有一个组件、组件服务和组件数据服务。
如何将我的观察值与此模式链接起来？以下是我尝试过的方法：
licenseData.service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpParams, HttpErrorResponse } from '@angular/common/http';
import { CONSTANT
浏览 16提问于2018-07-31得票数 0
1回答
使用可观测值自动更新视图
javascript、angular、observable、angular-observable
我使用可观察和HTTP请求在服务器上添加数据，然后更新其他路由。
我希望这些数据能立刻更新。实际上，我应该刷新页面以获得新的数据。
在我的服务中，我使用AddProj()和getAllProj()函数来获取和发送数据
service.ts
import { Injectable } from "@angular/core";
import { NouveauProjet } from "./models/nouveau-projet";
import { HttpClient, HttpResponse } from "@angular/common/h
浏览 3提问于2017-12-22得票数 0
3回答
角度可观测不要实时显示值
angular、angular6
我有两个组件(菜单和标题)和一个服务。我想要做的是，当他们从菜单中选择一个项目时，菜单将文本发送给服务，服务将其发送到标头并对其进行更改。我已经设法把它发送到服务，但我不知道为什么在头与可观察的它不更新。
服务：
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import 'rxjs/add/observable/from';
import { of } from 'rxjs';
@Injectable()
expo
浏览 0提问于2018-10-23得票数 2
回答已采纳
3回答
尽管调用了Http服务，UI中仍未显示数据
angular、typescript
调用不工作，因为升级在RXjs版本6是合并在角version8。有关完整的源代码，请参阅：-
import { Component } from '@angular/core';
import {ServicexampleService} from './servicexample.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.cs
浏览 0提问于2019-08-01得票数 0
回答已采纳
1回答
在我的angular2应用程序中，我有一个向url发送get请求的服务。
这是我的服务：
import {Http} from '@angular/http';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import {Injectable} from '@angular/core';
import {Gallery} from './gallery';
@Injectable()
export clas
浏览 7提问于2016-08-09得票数 22
回答已采纳
1回答
角rest服务在第一次调用中不返回值
typescript、angular7
我有3个组件1. LeftMenuComponent 2. AppComponent 3. SummeryComponent
另外，我有两个服务，一个用于rest调用，另一个用于共享组件的数据。(RestService，ComponentService)
在选择时，我从LeftMenuComponent调用的loadService()函数和调用emit的列表包含来自服务summeryComponent的函数。订阅emit服务来提取数据并发出数据。
一切正常，但我必须点击两次。我需要数据是变化和反映在夏季组件在一次点击。
我尝试使用rxjs/订阅，但结果是相同的。
Left-memu-compo
浏览 0提问于2019-05-22得票数 1
回答已采纳
2回答
将API数据从一个组件传递到另一个组件？
angular、components、mean-stack
我正在学习全堆栈Angular4，并想知道如何才能从一个组件的get调用获得数据到另一个组件，这样我就可以用{data.name}将数据中继到html页面？
我尝试将组件导入到另一个组件中，然后将一个空对象设置到保存数据的component.data中，但我得到一个空对象作为响应。
我做错了什么？
更新：
我的共同服务：
import {Injectable} from "@angular/core";
import {Http, Response, Headers, RequestOptions} from "@angular/http";
import {O
浏览 4提问于2017-11-19得票数 9
回答已采纳
1回答
AngularFire / Firebase -检查身份验证状态
angular、firebase、firebase-realtime-database、firebase-authentication、angularfire
备注：我对这一切都是新手，请原谅什么可能是显而易见的。任何帮助都是非常感谢的:)
我有什么
登入和登出的服务
基于用户id 获取项目的相册服务
albumList > UserId > albumKey
在我的相册列表服务中，我查询路径'albumList > userId‘
一旦我登录，它就能很好地工作，并且只返回基于上面的匹配查询的结果。
发行
如果我要将‘localhost:4200/相册’的URL复制并粘贴到另一个选项卡中，控制台将读取
Uncaught (承诺中)：TypeError:无法读取nul
浏览 3提问于2017-07-05得票数 2
回答已采纳
2回答
异步管道相对于传统订阅的好处
angular
根据我对异步管道的理解，它是一种在较少的行中订阅可观察到的对象的更快捷的方法。然而，我试图了解在什么情况下，我需要使用它在传统的订阅，如我的当前组件下面？
import { Component, OnInit } from '@angular/core';
import { HttpService } from "./services/http.service";
import { Main } from "./interfaces/data-interface";
@Component({
selector: 'app-root&
浏览 3提问于2022-02-14得票数 0
回答已采纳
5回答
两个不相关部件之间的角度4通过数据
javascript、angular、typescript
我有一个关于用角度传递数据的问题。
首先，我没有像<parent><child [data]=parent.data></child></parent>那样的结构
我的结构是
<container>
<navbar>
<summary></summary>
<child-summary><child-summary>
</navbar>
<content></content>
</container>
浏览 3提问于2017-06-07得票数 47
回答已采纳
5回答
角形+ rxjs:没有订阅提供程序
angular、typescript、rxjs
我试图实现一个服务组件通信的角度，当服务持有一个值，而组件订阅它的变化。我正在使用rxjs订阅，但我得到了
Uncaught (in promise): Error: No provider for Subscription!
以下是我在服务中所做的事情：
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { Subject } from 'rxjs/Subject';
@Injectable()
export class
浏览 5提问于2017-09-28得票数 5
回答已采纳
3回答
Angular 8-服务中未发出下一个值的行为主体
angular、typescript、rxjs、angular-services
您好，我有一个angular应用程序，其中我将数据从一个组件传递到一个服务，并试图通过调用该服务中的next函数来更新该服务中的行为主体的值，以便它反过来更新另一个组件中的订阅值。我的问题是，当传递数据并创建一个对象传递给行为主体时，下一个函数不会执行。下面是代码。
我的ShopService.ts
为了节省篇幅，我在代码中省略了其他函数，但它们应该与我正在尝试实现的代码无关
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
浏览 3提问于2020-01-11得票数 0
2回答
Range2试图在服务中实现可观测性
angular、typescript、rxjs
我试图用可观察的方法将数据从一个组件发送到另一个组件。我在这里实现了这样的服务.
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/RX'
@Injectable()
export class SelectedItemService {
stream1$:Observable<any>;
selectedItem:JSON;
stream1$= new Observable(observer=> setTimeou
浏览 9提问于2016-10-06得票数 5
回答已采纳
3回答
加载程序拦截器在获得角度响应之前隐藏加载程序。
angular
我在我的角度项目中显示了一个使用HTTP拦截器的加载条，每当向服务器发送HTTP请求时，它都会显示加载程序。
loader.service.ts
import { Injectable } from '@angular/core';
import { Subject } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class LoaderService {
isLoading = new Subject<boolean>();
constructor
浏览 0提问于2019-06-18得票数 1
回答已采纳
2回答
如何正确地从Angular 2中的http.get中提取JSON数据？
angular、angular2-services
我似乎无法使用来自json文件的信息为视图创建一个变量，但我已经很接近了。我可以回显.subscribe()-chain中的信息，但它不会将其设置为变量，它们只是没有定义，我做错了什么？
我只想将json文件加载到组件视图中的一个变量中。在Angular 1中很容易。
我的服务：
import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
import 'rxjs/add/opera
浏览 0提问于2017-02-11得票数 2
回答已采纳
3回答
为什么一个可观测变量在角度上没有实时更新？
angular、rxjs、observable
我在角度上是新的，我试图实时传输两个兄弟姐妹之间的数据：
这是我的服务：
message-transfer-service.ts
import { Injectable } from '@angular/core';
import { Products } from './products';
import { Observable } from "rxjs/Observable";
import "rxjs/add/observable/of";
@Injectable({
providedIn: 'root
浏览 4提问于2019-09-18得票数 2
回答已采纳
1回答
将返回对象赋值给客户端角变量时出错
angular、exception、components
我从服务器返回一个对象，当我试图将对象赋值给角分量对象中的一个变量时，我收到了一个异常。有人知道我错过了什么吗？
product-component.ts
import { Component, OnInit } from '@angular/core';
import { Product } from './product';
import { ProductsService } from './products.service';
import { ActivatedRoute, Params } from '@angular/r
浏览 0提问于2017-04-18得票数 1
回答已采纳
1回答
从服务中从HttpClient获取JSON数据的角度不能正常工作
angular、typescript、async-await、angular-promise、angular-httpclient
我正在尝试使用服务获取JSON数据的角度，并使用HttpClient使用get()方法获取数据。问题是，我使用的是诺言，函数返回的是一个包含它的值的承诺。
我在控制台中打印了值，它正在返回：
ZoneAwarePromise {__zone_symbol__state: null，__zone_symbol__value: Array(0)}控件：(22) [{…]}，{…}，{…}，{…}，{…}，{…}，{…}，}
以下是服务代码：
import { Injectable } from '@angular/core';
import { HttpClient
浏览 8提问于2022-06-23得票数 0
回答已采纳
2回答
订阅可观察的与订阅主题
angular、firebase、angular2-services
在角应用程序中，从服务器获取数据有不同的方法：
从服务中获得可观察性，并在组件上订阅它
在服务中创建主题，在组件上订阅主题
这两种方法都适用于我，但我不知道该用哪种方法。
First method.从服务中获得可观察性，并在组件上订阅它
article.service.ts
import { Injectable } from '@angular/core';
import { Article } from '../models/article';
import { AngularFirestore } from '@angular/fi
浏览 0提问于2019-08-24得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
