Angular服务不执行switchmap
Angular服务不执行switchMap是指在Angular应用中，某个服务的方法中使用了switchMap操作符，但该操作符没有被执行。
switchMap是RxJS库中的一个操作符，用于处理Observable流的转换和组合。它接收一个函数作为参数，该函数返回一个新的Observable流。当源Observable流发出新的值时，switchMap会取消之前的内部Observable流的订阅，并订阅新返回的Observable流。
如果在Angular服务的方法中使用了switchMap操作符，但该操作符没有被执行，可能有以下几个原因：
- 没有订阅Observable流：在Angular中，Observable流需要被订阅才能触发其内部的操作符执行。如果没有在服务方法中订阅Observable流，那么其中的switchMap操作符也不会执行。可以通过在服务方法中使用subscribe方法来订阅Observable流。
- 没有正确导入switchMap操作符：在使用switchMap操作符之前，需要确保已经正确导入该操作符。可以通过在服务文件的开头添加以下导入语句来导入switchMap操作符：
import { switchMap } from 'rxjs/operators';- Observable流没有发出新的值：switchMap操作符只有在源Observable流发出新的值时才会执行内部的操作。如果源Observable流没有发出新的值，那么switchMap操作符也不会执行。可以通过检查源Observable流的数据源是否正确，或者在调用服务方法之前确保数据源已经更新。
总结起来，如果Angular服务中的switchMap操作符没有执行，需要确保已经订阅了Observable流、正确导入了switchMap操作符，并且源Observable流发出了新的值。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time Rendering Engine）：https://cloud.tencent.com/product/trre
相关·内容
今天早些时候我让它工作了，但由于某些原因，它现在不能输出alert("INSIDE SWITCHMAP")或switchmap中的console.logs。import { Injectable, OnDestroy } from "@angular/core";import { Router } from
浏览 19提问于2020-03-21得票数 0
回答已采纳
如何通过Angular5中的服务让ParamMap与HttpClient协同工作？组件constructor(private((params: ParamMap) => this.myService.getOne(params.get('id')));服务
import { HttpClient } fr
浏览 1提问于2017-12-08得票数 0
回答已采纳
1回答
其思想是侦听触发此效果的一个操作，然后进行一个返回数据的服务调用。当服务调用成功时，我想分派两个不同的操作。尝试使用switchMap、mergeMap执行此操作，但仍然只调度第一个操作。getAllShows$ = this.actions$ ofType(GetAllShowsAction.GET_ALL_SHOWS),@angular-devkit
浏览 10提问于2019-03-23得票数 2
回答已采纳
3回答
我已经从Angular 5更新到了Angular 6。现在，我正在尝试更新我的代码，使其与RxJS 6兼容。.pipe( switchMap((job) => { this.mark_jobs_unavailable(job, bookings); })我在使用switchMap下面是我的导入：import {map, <em
浏览 3提问于2018-05-23得票数 9
回答已采纳
我正在用角5编写一个单独的页面应用程序，它需要定期检查API是否仍然具有与加载SPA时相同的版本，以通知用户desync并允许她刷新(必须尽快执行第一个调用)。我的当前代码如下：import { Injectable } from "@angular/core";import { Observable } from "rxjs&
浏览 2提问于2019-03-12得票数 2
switchMap未执行，并显示错误为“error TS2339:属性'switchMap‘在类型'Observable’上不存在”“import { User } from './/classes/user';import { Router } from '@angular/r
浏览 0提问于2019-03-17得票数 2
this.route.params console.log("Got params??")cat'; .subscribe(data=>{ })import { Component, OnInit } from '@angular/core';
import { Http } from '@angular&#
浏览 5提问于2017-02-21得票数 2
回答已采纳
2回答
this.route.paramMap.pipe( switchMap((params: Params) =>
浏览 6提问于2020-10-30得票数 2
我在我的rxjs应用程序中注意到，rxjs操作符，如switchMap、map等，不起作用。(我的IDE也给出了一个提示。)当然，我运行了以下代码。如果我将switchMap替换为subscribe，就会在控制台中看到“返回的值”。import {Observable} from "rxjs/Observable";
import&#x
浏览 1提问于2016-12-05得票数 1
回答已采纳
3回答
如何使用RXJS观察值轮询服务？
、、、、
import {Observable} from "RxJS/Rx";import {Http} from "@angular
浏览 15提问于2017-01-15得票数 20
回答已采纳
1回答
我有以下几条路线。 我通过以下网址导航到test-detail/:id：subjects/tests/478/test-detail/170。 当我在test-detail/170页面上时，我必须使用这个链接中的478 ID进行http请求。 有没有办法从URL中抓取tests/478 ID？ { resolve: { }, path: '',
component: SubjectsComponen
浏览 14提问于2020-05-01得票数 1
回答已采纳
我先使用queryParams调用服务，然后使用switchmap调用服务。下面是url的样子： http://localhost:4200/test-fee/details?/services/test-fee.service';import { ActivatedRoute } fromroute: ActivatedRoute
浏览 32提问于2021-11-22得票数 1
回答已采纳
1回答
我在angular2应用程序中使用@ngrx/ effect，并且很难处理不同效果定义的组织。我必须要实体，Identity和Subscription，每个实体都有自己的Actions服务IdentityActions、SubscriptionActions，以及它们的效果服务IdentityEffects_actions.ofType(authActions.AUTHORIZE_IDENTITY)) .switc
浏览 4提问于2017-03-08得票数 1
回答已采纳
这个想法是，服务器将发送一个202错误，直到它完成一个作业的处理，并且在如此多的请求之后，将返回一个带有一些结果的200错误。我不希望错误扼杀流。API调用只进行一次。"rxjs"："~6.4.0"，"@angular/core"："~8.2.14“ 启动代码： onSubmit() { .pipe(
<e
浏览 17提问于2020-01-30得票数 1
回答已采纳
2回答
考虑一下angular2 2/rxjs/typescript的简单片段 .do(() => console.log('foo'))有比使用空白订阅更好的方法吗？
浏览 7提问于2017-08-18得票数 3
回答已采纳
2回答
在我的Angular应用程序中，如果商店已经有数据，我想停止使用具有http的ProductService调用服务器。 这就是我目前所拥有的。我从商店获得一个流，并检查商店是否有产品。否则，继续流程，获取categoryId，使用ProductService调用服务器并返回数据。 我做的效果正确吗？pipe( debounceTime(debounce, scheduler),
switchMap(()
浏览 27提问于2019-06-06得票数 1
回答已采纳
我正在建立一个角2服务，以搜索特定的信息。我的服务几乎可以用了，但是我一直收到这样的错误：import { HttpClient } from '@angular/common/http';
imp
浏览 10提问于2017-08-22得票数 0
回答已采纳
2回答
我有两个端点：
this.user this.grants.get(e) console.log(x) })我想知道如何在RxJS/RxJS最佳实践中这样做。
浏览 1提问于2020-09-01得票数 8
回答已采纳
在迭代循环之前，我需要迭代一个列表并进行多个调用，这些调用依赖于前一个调用来完成。每次函数调用都会返回一个promise。 我当前的代码只是遍历列表，并尽可能快地调用： this.records.forEach(item => { if (res) { if (res) { }
})
浏览 25提问于2020-07-29得票数 0
回答已采纳
在使用数据更新DOM之后，我需要执行一个方法。当我在设置属性(绑定到模板)后立即运行我的方法时，脚本确实在DOM中收到了空的div，因为Angular 2可能还没有更新它。我如何确保我的方法在Angular 2更新模板后执行？我的组件：import { ActivatedRoute, Params } from'@angular&#
浏览 0提问于2017-03-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
