Angular/RxJS对http服务观察值的多次订阅
Angular是一种流行的前端开发框架，而RxJS是Angular中用于处理异步数据流的库。在Angular中，我们可以使用RxJS来观察和处理HTTP服务的响应。
当我们使用Angular的HttpClient模块发送HTTP请求时，可以通过订阅观察到的响应来处理返回的数据。RxJS的Observable对象可以被多次订阅，这意味着我们可以在多个地方同时订阅HTTP服务的响应。
多次订阅HTTP服务的观察值可以在以下场景中发挥作用：
- 数据共享：多个组件可能需要访问相同的HTTP服务响应数据。通过多次订阅，我们可以在不同的组件中共享相同的数据，而不需要每个组件都发送独立的HTTP请求。
- 数据更新：当HTTP服务的响应数据发生变化时，多次订阅可以使我们能够实时获取最新的数据。这对于需要实时更新数据的应用程序非常有用，例如聊天应用程序或实时监控系统。
- 并行请求：有时我们需要同时发送多个HTTP请求，并在它们都返回时进行处理。通过多次订阅，我们可以同时订阅多个HTTP服务的观察值，并在所有请求完成后执行相应的操作。
在处理多次订阅HTTP服务观察值时，我们可以使用RxJS提供的操作符来处理数据流。例如，可以使用map操作符对响应数据进行转换，使用filter操作符筛选特定的数据，使用merge操作符合并多个数据流等。
对于Angular开发者，腾讯云提供了一系列与前端开发相关的产品和服务，例如：
- 腾讯云CDN（内容分发网络）：用于加速静态资源的传输，提高前端应用的加载速度。详情请参考：腾讯云CDN
- 腾讯云API网关：用于构建和管理API接口，方便前端应用与后端服务的通信。详情请参考：腾讯云API网关
- 腾讯云Serverless云函数：用于无服务器架构的开发，可以快速构建和部署前端应用所需的后端逻辑。详情请参考：腾讯云Serverless云函数
以上是关于Angular/RxJS对HTTP服务观察值的多次订阅的简要介绍和相关腾讯云产品的示例。请注意，这只是其中一种可能的答案，具体的回答可能因个人经验和实际需求而有所不同。
相关·内容
2回答
我希望创建一个服务方法，该方法在第一次执行时将从URL中获取数据集，缓存数据集，然后与随后调用服务方法的组件共享数据集的同一个实例。
我已经开始创造两种解决方案。这两种解决方案的问题是，在加载角应用程序后的第一毫秒内，它们多次从URL中获取数据集，并/或向控制台抛出一些错误消息，但在两个组件之间进行第一次或第二次导航之后，数据似乎被正确地共享，并且不再有返回URL的往返。
方法1
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'
浏览 7提问于2020-06-21得票数 0
回答已采纳
2回答
尝试用一些数据向我的服务器发布一个简单的帖子，并让它返回一些JSON数据。(目前，它在呼叫中运行，但我在我的网络选项卡上没有看到它真的试图进行吗？)
我的服务(api.service.ts)
import { Injectable } from '@angular/core';
import { Headers, Http, Response} from '@angular/http';
import {Observable} from 'rxjs/Rx';
// Import RxJs required methods
import
浏览 1提问于2016-12-28得票数 12
回答已采纳
在Angular2服务中从http订阅中取消订阅的最佳实践是什么？ 目前我这样做，但我不确定这是否是最好的方式。 import { Injectable } from "@angular/core";
import { Http } from "@angular/http";
import { Subject } from "rxjs/Subject";
import { ISubscription } from "rxjs/Subscription";
@Injectable()
export class SearchSe
浏览 44提问于2016-11-29得票数 49
回答已采纳
1回答
我做了一个角2服务，成功地从我的服务器获得数据。它有一个名为getSinglePowerBlock的函数。此函数的目标是设置一个可观察的get请求到给定的URL，并从JSON属性assets.powerblock[]返回一个powerblock元素。我知道这是成功的，因为我可以让它在我的一个组件中工作。我已经包括了这个部分，以供参考。
我的目标：--我希望我的代码使用来自rxjs库的interval函数，连续进行get调用，每秒调用一次。然后，我希望我的本地数据与来自每个投票响应的数据进行更新。基本上是一个投票解决方案。
我想这并不难，但我对“可观察”和“Rxjs”并不熟悉，只是我似乎无法正确
浏览 5提问于2017-01-25得票数 1
回答已采纳
我正在尝试使用服务获取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回答
大家晚上好。
在从我的服务中检索数据时，我遇到了一个问题，我通过子脚本订阅了这些数据；我在订阅函数中获取数据，但在它之外没有定义；
这是密码。
userservice.ts
import { Injectable } from "@angular/core";
import { Http, Response, Headers } from "@angular/http";
import 'rxjs/Rx';
import { Observable } from "rxjs";
@Injectable()
export class
浏览 5提问于2017-09-22得票数 1
回答已采纳
5回答
在我的角5应用程序中，需要在应用程序的不同位置多次使用特定的数据集(而不是经常更改)。调用API之后，结果将使用可观察的do操作符存储。通过这种方式，我在服务中实现了HTTP请求的缓存。
我用的是角5.1.3和RxJS 5.5.6。
这是个很好的练习吗？有没有更好的选择？
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable'
浏览 8提问于2018-04-12得票数 22
回答已采纳
2回答
这里有组件代码，当我订阅可观察到的服务时，这个服务会被调用两次，但是如果我订阅了行为主题，它只被触发一次，
我可以在我的日志中看到这些结果，请查看我的组件下面的代码--在ngOninit上调用方法ngOninit()方法。
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import
浏览 0提问于2017-08-16得票数 5
回答已采纳
使用RxJS和角2处理服务器重连接的最佳方法是什么？
到目前为止，这就是我所拥有的：
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import 'rxjs/add/operator/
浏览 4提问于2017-08-04得票数 1
回答已采纳
我正在尝试在子组件之间进行通信，但是通过文档，我需要对每个服务执行此操作，当我检索服务信息时，当我试图分配订阅返回时，如果我给出一个console.log()，它就会工作，现在如果我给一个变量赋值，它就不会考虑事后访问它，给出一个未定义的答案。
将信息传递给另一个的子类
import { Component, OnInit } from '@angular/core';
import {Angular2TokenService, ResetPasswordData } from 'angular2-token';
import { ActivatedRoute,
浏览 2提问于2017-03-01得票数 0
回答已采纳
1回答
在下面的代码中，页面显示before-null-after，但控制台显示'2‘。由于某种原因，页面没有更新...我做错了什么？
import {Component, OnInit} from '@angular/core';
import {Http} from '@angular/http';
import {Observable} from 'rxjs/Observable';
import {Subject} from 'rxjs/Subject';
import 'rxjs/add/operator/swi
浏览 2提问于2017-08-03得票数 0
我用角写这个应用程序，我用的是解析器。
一旦用户加载了给定的页面，就会有一个API被解析器击中，需要传递的参数之一是用户的国家。为了获取这些信息，我使用了ip-api.com API。
这是我的问题。因为我使用的是可观测数据，所以在请求发出之前，我无法及时得到国家的位置。我需要先让用户的国家，然后发送请求。
我的想法是创建一个在root中注入的服务，所以一旦应用程序启动它的构造函数，就会执行一个方法来获取用户位置数据。然后，我将数据存储在BehaviorSubject上，以便以后需要它的任何类都可以访问它。
如何确保在任何请求发出之前，我总是拥有所需的数据？
如果用户来自主页面，一切正常工作，
浏览 1提问于2021-09-11得票数 2
1回答
我希望这是合理的。我决定改变我的一些服务的工作方式，因为订阅响应和处理不同视图中的创建、更新和删除变得有点麻烦。所以我决定做一个这样的通用服务：
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { map } from 'rxjs/operators';
import { environment } from '@environments/environment';
impo
浏览 2提问于2019-09-16得票数 2
回答已采纳
我要做的是使用isAuth函数从后端检索数据，并使该函数返回数据。然后，当我调用该函数时，数据被返回到变量中，我可以使用该数据。
import { Injectable } from '@angular/core';
import { map } from 'rxjs/operators';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { CanActivate, Router, Activ
浏览 0提问于2018-11-06得票数 0
回答已采纳
2回答
我很难从服务中用v7创建一个POST请求。我的服务类已经有一些get请求从我的api中提取数据。现在，我需要发布数据，但我不知道格式/语法(仍然是新的角度)。
在VSCode中，我可以看到它，Property 'subscribe' does not exist on type 'void'.说
这是服务
Shipment.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
浏览 0提问于2019-07-09得票数 0
回答已采纳
2回答
在角应用程序中，从服务器获取数据有不同的方法：
从服务中获得可观察性，并在组件上订阅它
在服务中创建主题，在组件上订阅主题
这两种方法都适用于我，但我不知道该用哪种方法。
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
回答已采纳
我正在构建一个Range2应用程序，它使用一个服务来收集数据。该服务确实包含以下逻辑：
/* ========== CORE COMPONENTS ========== */
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/Rx';
import 'rxjs/add/ope
浏览 2提问于2017-03-07得票数 7
回答已采纳
1回答
注意到，当我们拦截HTTP响应并使用订阅获取可观察响应中的值时，请求会被触发两次。
以下是代码：
通过扩展它(http.service.ts)实现Http请求和响应
import { Injectable } from '@angular/core';
import { Http, XHRBackend, RequestOptions, Request, RequestOptionsArgs, Response, Headers, ConnectionBackend } from '@angular/http';
import { Observable } fr
浏览 1提问于2017-10-17得票数 2
回答已采纳
我有一个关于Angular2中可观察性如何工作的问题。我目前正在使用以下内容
@angular/cli: 1.0.0
node: 6.10.0
os: win32 x64
我有一个addUser组件，它使用用户服务的方法将数据发布到服务器。我能够做到这一点，但有一个问题，当组件文件发送数据到服务方法时会发生什么。我已经进口了所需的包裹。下面是向服务方法发送表单数据的方法
addUser.component.ts
export class AddUser{
addUserForm:FormGroup;
value:any;
constructor(private use
浏览 0提问于2017-04-06得票数 0
我正在用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回答
我正试着打http电话，如果会有任何错误，做我的事情。
这是我的代码：
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/throw';
// Operators
import 'rxjs/add/operator/catch';
浏览 0提问于2016-12-05得票数 0
回答已采纳
我正在使用Observable.zip并行处理几个可观察到的数据。
Observable.zip(observable1, observable2).subscribe(([res1, res2]) => doStuff())
这里observable1和observable2是http请求，我有一个拦截器捕获错误。
import { Injectable } from '@angular/core';
import {
HttpInterceptor,
HttpHandler,
HttpRequest,
HttpErrorResponse
浏览 0提问于2018-06-29得票数 1
回答已采纳
1回答
我正在尝试将数据从我的服务传递到我的组件，但是无法这样做。下面是来自服务和组件的代码：
authService.service.ts
import { Injectable } from '@angular/core';
import { HttpHeaders } from '@angular/common/http';
import{Http, RequestOptions,Headers} from '@angular/http'
import { Observable} from 'rxjs';
import { URLS
浏览 1提问于2018-06-17得票数 0
1回答
我有一个Web服务，它提供一些用户数据(这是Java后端)，并且我有一个角组件：
import { Component,state,style,animate,transition, trigger, keyframes,
OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/pluck
浏览 1提问于2017-06-08得票数 4
回答已采纳
3回答
在早期的角度版本中，在我们的服务中，我们可以简单地将响应映射到JSON对象，如下所示：
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { HttpClient } from '@angular/common/http';
@Injectable()
export class MakeService {
constructor(private http:HttpClient) { }
getMakes(){
r
浏览 2提问于2018-03-12得票数 0
回答已采纳
我正在尝试使用均值栈开发一个简单的crud应用程序，但当尝试post表单值时，角度服务不会发出post请求。get请求工作得很好，但post不行。我使用morgan来查看向nodejs服务器发出的请求，但它没有接收post请求，所有这些似乎都与angular文档中的方式相同。我导入了HttpClient模块。
empleados.component.html
<form [formGroup]="nuevoEmpleado" (submit)="addEmpleado()">
<label>
Nombre:
浏览 0提问于2020-10-13得票数 0
有人能帮帮我吗，告诉我为什么我的观察是空的？
类
ionViewWillEnter(): void {
this.notificationsSvc.fetchNotifications();
}
ngOnInit(): void {
this.notificationSubscription = this.notificationsSvc.notifications.subscribe(
(data) => {
console.log(data) //this is empty
}
);
}
服务
impo
浏览 1提问于2020-09-07得票数 0
回答已采纳
我对Angularjs相当精通，但我对角很陌生，很难用我对服务器的服务调用来填充组件中可观察到的内容。
该服务很好，并返回了我正在寻找的东西，但填充可观察的似乎不起作用。
这是我的组成部分：
import { Component, OnInit } from '@angular/core';
import { Campaigns } from '../campaigns';
import { CampaignListService } from './campaign-list.service'
import { Subscription, Ob
浏览 4提问于2017-07-02得票数 0
回答已采纳
1回答
使用可观测值自动更新视图
、、、
我使用可观察和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
我有一个从API获取数据的angular 2服务，这个服务有3个订阅者(在组件中定义)，每个订阅者都对数据做其他事情(不同的图表)。
我注意到我正在对API发出三个GET请求，而我想要实现的是一个请求，并且订阅者将共享我查看过的热和冷的observable并尝试了observable上的.share()的数据，但我仍然在做3个单独的调用
更新，添加代码
服务
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import {O
浏览 71提问于2016-09-22得票数 60
回答已采纳
我正在从api(在服务文件中)获取数据，并且在ts文件中订阅。我没有使用rxjs(observable和subscription) .I对于在angular 7中不使用rxjs时是否需要取消订阅感到困惑。如果需要取消订阅，那么如果不使用rxjs，我们如何才能取消订阅
// ts
export class ViewDataComponent implements OnInit {
regions: Region[];
dataSource: MatTableDataSource<PaginatedMapData>;
constructor(private
浏览 2提问于2019-08-06得票数 0
在我的角度项目中，我想要推动一个电影标题，然后让电影细节显示不起作用，我真的看不出我做错了什么，也看不出我在做什么。
我是新手，所以我想我的项目中可能会有很多“错误”，但是我尽了最大的努力去找到解决问题的方法，而不需要一个解决方案。
有一些外挂代码，我尝试了一些想法，但不想删除它，所以如果你们想知道的话，我只是超越了代码:)
我确实按我想要的方式放映了我的电影，但是当我按下一个标题，当我想要一个新的组件来显示电影的细节时，我什么也没有得到，你可以在文件中看到静态的html :/
我希望有人能帮我。
movie.service.ts看起来像这个
import { Injectable } fro
浏览 2提问于2018-04-04得票数 0
我有一个父MatHorizontalStepper组件，它使用subscribe来检查服务中的Observable是否已经从false更新到true。如果可观测值发生了变化，则自动移动到步进器的下一步。
但是，我似乎无法让更新来正确地更改步骤。下面是我创建的两个组件。
父组件
import { Component, OnInit, ViewChild } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { MatHorizontalStepper } from
浏览 0提问于2018-06-19得票数 0
回答已采纳
1回答
我正在致力于一个角2应用程序，并需要一些指导如何处理身份验证错误干净。
我的最终目标是能够集中处理每个Http请求的身份验证错误(特别是401和403)。
我发现问题对我的开始非常有帮助，但是我仍然坚持用正确的方式为我的自定义Http实现返回的每个可观察到的错误处理程序注册。
下面是我目前正在处理的一个示例：
import { Injectable } from 'angular2/core';
import { Http, ConnectionBackend, Request, RequestOptions, RequestOptionsArgs, Response } fr
浏览 0提问于2016-01-28得票数 28
回答已采纳
下面是components.ts中一个角的代码，下面是用X编译的错误代码。
错误
合并/merge.Component.ts:75:12-错误TS2551:属性‘un订阅’在类型‘可观察’上不存在。你是说“订阅”吗？
$().unsubscribe()~
../../node_modules/rxjs/dist/types/internal/Observable.d.ts:53:5 53订阅(观察者:部分)：订阅；~‘订阅’在这里声明。
import { Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angul
浏览 8提问于2021-12-17得票数 1
回答已采纳
1回答
我有一个问题，当使用最新版本的rxjs与角6。代码；
import { Observable, throwError } from "rxjs";
import { map, filter, catchError, mergeMap } from 'rxjs/operators';
isValidUser(user, password) : Observable<any> {
let urlString = "http://localhost....=" + user + "&password=" + pa
浏览 0提问于2018-06-14得票数 2
回答已采纳
调用不工作，因为升级在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应用程序，并试图从本地json文件中获取数据。问题是我创建的服务被应用程序忽略了。控制台或终端中没有错误、警告或其他任何内容。
index.html
<!DOCTYPE html>
<html>
<head>
<base href="/">
<title>My app</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-wi
浏览 2提问于2017-01-05得票数 0
在我的Angular10项目中，尽管我import 'rxjs/operator/map';和import { map } from 'rxjs/operators';
服务代码是
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { map, filter, scan } from 'rxjs/operators';
import 'rxjs/add/o
浏览 0提问于2020-10-04得票数 1
回答已采纳
我有3个组件1. LeftMenuComponent 2. AppComponent 3. SummeryComponent
另外，我有两个服务，一个用于rest调用，另一个用于共享组件的数据。(RestService，ComponentService)
在选择时，我从LeftMenuComponent调用的loadService()函数和调用emit的列表包含来自服务summeryComponent的函数。订阅emit服务来提取数据并发出数据。
一切正常，但我必须点击两次。我需要数据是变化和反映在夏季组件在一次点击。
我尝试使用rxjs/订阅，但结果是相同的。
Left-memu-compo
浏览 0提问于2019-05-22得票数 1
回答已采纳
我正在使用Angular 2构建一个均值堆栈应用程序。
我知道这个问题在StackOverflow上已经被问了很多次了。我一直在研究这些问题，并尝试不同的建议。对于大多数人来说，导入整个rx/js库和贴图，或者导入：
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
似乎解决了这个问题。我已经尝试了不同的组合，但都没有效果。我一直在我的服务中的所有.map实例上得到这个错误。我尝试更新我的全局typescript，以及在依赖项中使用的typescript版本
浏览 3提问于2017-08-01得票数 1
1回答
谁能告诉我，我正在发送' id‘到后端的基础上，我得到了用户的详细信息。我将这个用户详细信息存储在x对象中。我使用BehaviorSubject将x对象发送到另一个组件，但数据没有发送到另一个组件。任何人请告诉我是什么问题。我需要做的就是。
reviewcomponent.html
<i class="fas fa-edit" routerLink='/dashboard-info/review-edit'
reviewcomponent.ts
editUserDetails:any=[];
editIssue(id, detail) {
浏览 0提问于2018-12-15得票数 0
我是angular2新手，我需要一些帮助。我正在使用下面的服务级别。
import {Injectable} from 'angular2/core';
import {Http} from 'angular2/http';
import 'rxjs/add/operator/map';
@Injectable()
export class UsersService {
private _url = "http://jsonplaceholder.typicode.com/users";
constructo
浏览 1提问于2016-08-27得票数 0
我在角7中有一个名为MappingService的服务。这个服务从API获取一个名称列表：
{
'guid1': 'Item 1',
'guid2': 'Item 2',
'guide': 'Item 3',
}
这些值稍后应该由它们的ids映射。当然，我可以在组件中订阅items$，然后执行如下操作：
{{ mapping[id] }}
但是我认为如果我不必订阅该服务或它的列表，所以我不必一直传递它，那就太好了，因为映射是固定的，一旦加载，就需要多个组件。
因此，我认为我向服务添加了一
浏览 0提问于2019-08-16得票数 0
回答已采纳
我正在尝试与多个组件共享来自以下服务的http请求的结果。我遇到的问题是，每个组件对getMe()函数的请求都会创建一个新的http调用。 MeService服务仅被声明为页面根模块中的提供程序，并在每个*.component.ts中导入，因此这并不是由于在所有子组件中多次将该服务重新声明为提供程序的错误造成的。如果您能够从输出中判断出是，则很可能是由于调用的异步性质导致的，但是如果我错了，请纠正我。
以下是服务代码：
import { Injectable } from '@angular/core';
import { Headers, Http } from '@
浏览 6提问于2017-03-06得票数 2
回答已采纳
下面是signup.ts
我想在MongoDB中插入数据。我的错误就像
This.userprovider.userSignup(.).subscribe不是函数。
请帮我解决错误
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, ViewController } from 'ionic-
angular';
import { UserProvider } from '../../providers/user/user
浏览 0提问于2018-06-29得票数 1
回答已采纳
3回答
我试图从我的WebAPI中获取JSON数据，但它不起作用。每当我试图在组件中使用返回对象时，我都会得到undefined。
我想在我的网站的主页上显示学生和课程的数据。目前，我的控制器/ api正在返回硬编码的数据。
student.service.ts
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Http } from '@angular/http';
import 'rxjs/add
浏览 2提问于2017-03-20得票数 2
回答已采纳
1回答
我已经创建了一个使用RxJS包装$http调用的服务。
我有几个组件订阅同一个可观察的组件，我希望它们共享AJAX结果，而不是发出多个请求。
服务代码：
export function SearchService($http) {
'ngInject';
const autocompleteResults$ = new Subject()
.debounceTime(250)
.switchMap(query => Observable.fromPromise($http.post('/search', {
浏览 3提问于2017-06-14得票数 1
1回答
我想隐藏签名和注册链接一旦我登录使用一个服务的角度，但我得到了这个错误：
这是我的服务代码：
import {Injectable} from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {BlogPost} from '../models/blog-post';
import {Observable} from 'rxjs';
import {Channel} from '../models/channel'
浏览 2提问于2020-12-05得票数 0
我试图以这样的角度将数据从一个组件发送到另一个组件。
onSubmit(form: NgForm){
this.newsService.searchNews(form.value.query).subscribe((res:any) => {
this.newsService.searchedNews.next(res.articles);
});
}
我将搜索的新闻从我的搜索组件发送到我的主组件，如果我在我的主组件中订阅ngOnInit中的主题，数据将是null，因为方法还没有被调用，或者用户还没有搜索任何东西，所以我的问题是，当这个方法在我的HomeCom
浏览 3提问于2021-09-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
