Angular 7: flatMap不是一个函数
Angular 7是一种流行的开源JavaScript框架，用于构建Web应用程序。它采用了响应式编程的思想，使得开发者能够更加高效地构建复杂的单页应用。
在Angular 7中，flatMap不是一个函数。flatMap是RxJS中的一个操作符，用于将一个Observable发射的数据映射为另一个Observable，并将它们合并成一个新的Observable。该操作符通常用于处理嵌套的Observable，将它们展平为一个扁平的Observable。
在Angular开发中，使用flatMap操作符可以实现链式的异步操作。例如，当需要从服务器获取数据时，可以使用flatMap操作符来处理数据流，确保在获取数据后继续进行其他操作。
在实际应用中，flatMap操作符可以应用于各种场景，包括数据转换、数据过滤、数据合并等。它提供了一种简洁且灵活的方式来处理异步数据流。
在腾讯云的产品中，如果需要在Angular应用中使用flatMap操作符，可以使用腾讯云的云函数（Serverless Cloud Function）和云数据库（Cloud Database）等产品来处理异步数据流。云函数可以提供服务器端的计算能力，而云数据库可以提供可靠的存储和查询服务，从而满足Angular应用中数据处理的需求。
更多关于腾讯云的产品信息和介绍，可以访问以下链接：
相关·内容
当我从angular 5迁移到angular 7时，当我执行npm start时，我得到了这个错误。 const config = this.router.events.pipe(
skipWhile(() => !this.router.navigate),
take(1),
flatMap(() => this.route.queryParams.pipe(take(1)).flatMap(params => { 其他详细信息如下： private route: ActivatedRouter
private router: Router
rxjs version is
浏览 22提问于2020-07-15得票数 0
回答已采纳
我有一张地图：
val mnem = Map(
'2' -> "ABC", '3' -> "DEF", '4' -> "GHI", '5' -> "JKL",
'6' -> "MNO", '7' -> "PQRS", '8' -> "TUV", '9' -> "WXYZ")
浏览 3提问于2013-10-28得票数 3
回答已采纳
您好，我得到一个错误，这是导致路由不能渲染。我以为你可以使用异步管道将一个可观察对象解包成一个感兴趣的对象，但是这个错误让我认为由于某种原因，这种情况并没有发生。然而，观察者有时会让我感到困惑。我做错了什么？我需要先把它映射到一个数组吗？
错误：
MyOrdersComponent.html:5 ERROR Error: Cannot find a differ supporting object 'https://oshop-c71db.firebaseio.com/orders' of type 'object'. NgFor only supports
浏览 3提问于2018-02-18得票数 1
我已经搜索了很多，但我无法找到pipe和map在angular 7中的区别？在angular 7中是否有必要在Service.ts文件中使用管道？
谢谢
浏览 0提问于2019-01-10得票数 5
1回答
我将依次将数据从数组发送到服务器。每个下一个分派都应该在完成前一个请求之后调用。如何使用RxJS实现它？
附注:这是angular 4应用程序。
浏览 19提问于2017-06-30得票数 0
回答已采纳
我正在用angular2创建observable。
我想创建一个观察值，它将在2秒后更新值。到目前为止，我已经创建了类似这样的东西。
import { Component, OnInit } from '@angular/core';
import {Observable} from 'rxjs/observable';
import 'rxjs/Rx';
@Component({
moduleId: module.id,
selector: 'observable-demo',
templateUrl: 'o
浏览 3提问于2016-08-04得票数 0
我目前正在通过重新创建我们在工作中开发的应用程序来学习angular2。应用程序的一部分需要进行多个http调用。每次调用都依赖于前一次调用的结果。我希望第二次、第三次调用etc使用上一次调用的结果中的id。
我的组件代码和服务代码如下
组件：
import {Component, OnInit} from '@angular/core';
import {VillageService} from './village.service';
@Component({
selector: 'village',
templateUrl
浏览 0提问于2016-10-20得票数 0
在这个例子中，switchMap给出了http响应，但是当使用map时，返回一个可观察的。我相信这与switchMap所做的“扁平化”有关，但仍然不明白switchMap在幕后做什么来产生http响应结果。
import{Component, OnInit} from '@angular/core';
import {HttpClient} from '@angular/common/http';
import { of, from, Observable, forkJoin } from 'rxjs';
import { map, mergeM
浏览 0提问于2018-09-03得票数 2
回答已采纳
我有一张地图
val m = Map(1->2, 3->4, 5->6, 7->8, 4->4, 9->9, 10->12, 11->11)
现在我想要一个key等于value的map。所以我这样做
def eq(k: Int, v: Int) = if (k == v) Some(k->v) else None
m.flatMap((k,v) => eq(k,v))
这给了我一个错误
error: wrong number of parameters; expected = 1
m.flatMap((k,v) => eq(k,
浏览 0提问于2014-04-24得票数 9
例如，我有一个ints数组。
val n = Array(Array(1,2,3), Array(4,5,6), Array(7,8,9))
但是我想把它转换成Array(1,2,3,4,5,6,7,8,9)
这可能吗?怎么可能？谢谢!
浏览 3提问于2016-01-16得票数 1
回答已采纳
1回答
从今天早上开始，我正在尝试解决一个令人头疼的问题。
我将从解释(非常简单的)情况开始。
我已经创建了组，它由一个标题和一个成员数组组成，只由他们的id字符串提供。
现在，我想要显示这些组。很简单，不是吗？然而，我当然不想只显示成员的I，而是显示关于组用户的完整信息(例如他们的名字……)。
因此，我当然有一个用于获取所有组的服务，以及另一个用于通过Id获取用户的服务。
在React中，因为我没有使用rxjs，所以不会有任何问题；async/awaits和Promise.all可以解决这个问题。
然而，在这里，在渲染之前尝试获取完整的信息(调用两个服务)时出现了几个问题，如: 1.我想获取组2.迭
浏览 0提问于2018-11-18得票数 0
2回答
我有一个嵌套的HashMap<String,Object>，我想通过扁平哈希映射来创建一个HashMap<String,String>。我尝试过的解决方案。但我无法使用答案中提到的类FlatMap。
我也尝试了问题本身的解决办法，但我仍然遗漏了一些东西。然后，我找到了一个类似的用例，并提出了以下解决方案。但是，作为lambda函数flatMap的参数，我似乎遗漏了一些东西。
public static void main(String[] args) {
Map<String,Object> stringObjectMap= new HashMap<
浏览 2提问于2018-01-31得票数 2
回答已采纳
在Angular2，我很难把我的头放在可观察到的地方。我在一个可观察到的forEach中有两个订阅。
如下所示：
forEach获取路由ID (轮询id)
(嵌套在1中)订阅使用路由ID (轮询id)从数据库获取轮询
(嵌套在2中)使用轮询ids从数据库中获取createdById用户
正如你所看到的，有很多嵌套正在进行，只是感觉不太对劲。有没有更好的方法让我做到这一点？
这是我的密码：
poll: Poll;
createdBy: string;
constructor(public route: ActivatedRoute, public teamPollsServ
浏览 4提问于2016-12-16得票数 1
回答已采纳
我有一个从服务器获取列表的服务。但是在这个列表中，我需要调用另一个服务来返回徽标img，该服务返回ok，但我的列表仍然是空的。我做错了什么？ 我尝试在两个服务中使用async/await，稍后我尝试使用一个单独的函数来获取徽标，但是我的html没有改变。 async getOpportunitiesByPage(_searchQueryAdvanced: any = 'active:true') {
this.listaOportunidades = await this._opportunities
.listaOportunidades(this.p
浏览 22提问于2019-06-18得票数 1
我在使用package方面是新手，当我尝试在我正在工作的项目上安装angularx-social-login包时，我遇到了这个问题。
我在试图安装npm install --save angularx-social-login时遇到了以下错误。
以下是错误：
C:\Users\DELL\Desktop\FrontEnd>npm安装--保存angularx--社会化登录npm警告@角/动画@6.1.3需要一个@角/核心@6.1.3的对等点，但没有安装。您必须自己安装对等依赖项。npm警告@ng-启动/ng-引导@3.2.0需要一个“角/公共”^6.1.0的对等点，但没有安装。您必须自己安
浏览 2提问于2018-11-29得票数 1
我得到了一个从firebase auth函数返回的承诺，我需要idToken通过API进行授权。
我正在使用一个Observable来设置HTTP get请求。
当我运行代码时，我得到了一个"401未授权“。我尝试在getData函数之外运行getIdToken，尽管idToken在控制台中仍然是“未定义的”。
我该如何解决这个问题？
服务：
import { Component, OnInit, Inject, Injectable } from '@angular/core';
import { HttpHeaders, HttpParams }
浏览 0提问于2017-09-25得票数 1
4回答
我使用Angular和Google FireStore来存储一个“订单”列表。每个订单都有一个“产品”列表。我怎样才能得到一个单一的可观察到的产品数组，它是从所有完全满足我们查询的“订单”中展平的？
数据如下所示：
[
{
id: "item1",
products: [
{ product1... }, {product2... }
]
},
{
id: "item2",
products: [
{ product3...}, {product2... }
]
}
]
最终结果应该是一个可观察到的产品列表：
[{prod
浏览 0提问于2018-10-09得票数 0
2回答
我想从Firestore中检索单个文档。所以我不是指集合中的文档列表(我知道如何做到这一点)。假设我知道文档的键值对中的一个，我希望在Angular 4中查找并检索该文档。
interface Occupations {
duration: number;
id_entity: number;
id_job: number;
id_user: number;
salary: number;
start_time: number;
}
occupationDoc:AngularFirestoreDocument<Occupations>;
occupation: O
浏览 0提问于2017-11-08得票数 5
回答已采纳
我对scala还不熟悉，我有一个问题让我困惑了好几个小时：
目前，我生成了一个listT数据流，打印为
List(PV(57,2,1448910200000,0xD13617EBC1032E0869C7,BI Office),
PV(57,2,1447200000000,0xD13617EBC1032E0869C7,UPS office),
PV(100,2,1449900000000,0xD13617EBC1032E0869C7,BI Office),
PV(57,2,1447200000000,0xD13617EBC1032E0869C7,UPS office))
是否有一种方
浏览 3提问于2015-12-02得票数 0
回答已采纳
我所读到的关于flatMap的内容：
要理解流的扁平是什么，请考虑像[ 1,2,3,4,5,6,7,8,9 ]这样的结构，它有“两个层次”。这意味着将其转化为“一级”结构: 1,2,3,4,5,6,7,8,9
import java.util.List;
import java.util.stream.Stream;
public class FlatMapDemo {
List<Country> countries;
void demoFlatMap(){
Stream<Stream<City>> streamStrea
浏览 1提问于2021-07-24得票数 0
我有一个Integer数组字典，如下所示：
let numbers = [1: [2, 3], 4: [5, 6, 7], 8: [9]]
我真正想要的是由所有值(它们本身就是数组)组成的单一扁平数组，如下所示：
[2, 3, 5, 6, 7, 9]
现在，我已经能够打电话给numbers.values.array以获得：
[[2, 3], [5, 6, 7], [9]]
但我要找的是把它们进一步合并，把它们压平。
Swift (1.1或1.2)是否提供了一种方便的方法？
浏览 2提问于2015-04-24得票数 5
回答已采纳
我对角质和可观察性很陌生。我试过flatMap，swithMap和concatMap，但是没有任何帮助。我得到了一个错误：“您提供了‘未定义的’流，您可以提供一个可观察的、承诺的、数组的或可迭代的。”当开关case 1的代码运行的是输入处理方法时，而默认的情况则完全正常。
app.component.ts
export class AppComponent implements OnInit, AfterViewChecked, OnChanges {
ProcessInput(input: string, session: string): void {
this.appSer
浏览 3提问于2020-02-17得票数 0
我试图从storage中的getToken()中检索令牌，而不是在refreshToken()中使用它来通过将令牌传递给(this.jwtHelper.isTokenExpired(this.token)来查看令牌是否过期，(this.jwtHelper.isTokenExpired(this.token)将根据令牌是否过期返回真或假。我已经在refreshToken()中发表了评论，在这里我得到了以下错误
错误1：
Error: TS2345:Argument of type '(response: Response) => void' is not assignabl
浏览 0提问于2017-05-31得票数 4
回答已采纳
Angular2:我想将.subscribe()的结果用于一个可观察的结果。
这是为了在嵌套订阅中使用来自父订阅的id。
我试过先使用.switchMap()，但这似乎行不通。
这是我的尝试：
this.serviceA.getOrg()
.switchMap(org => this.serviceB.getOrgType(org.id))
.subscribe(type => {
console.log(type);
});
浏览 3提问于2017-11-15得票数 4
回答已采纳
4回答
我有一种情况，我有多个事件可能是从一个对象激发的。这些事件在组件中处理，并发送到REST api。但是，我需要确保对特定资源的REST api调用是连续发送的。因此，假设我有以下方法：
someObjectCreated(objectCreated){
this.http.post(...);
}
someObjectNameChanged(objectNameChanged){
this.http.post(...);
}
someObjectDeleted(objectDeleted){
this.http.delete(...);
}
这些事件处理程序方法可以
浏览 0提问于2017-11-28得票数 1
this.Showdata = false;
this.showSpinner = true;
this.subscription = this.assessmentlistService.getAll().subscribe(response => {
if (response != null) {
if (response.StatusCode >= 200 && response.StatusCode < 300) {
this.AssessmentList = response.D
浏览 0提问于2018-06-11得票数 1
我有一个稀疏的时间戳列表，让我们把它简化为：
val stamps = List(1,2,3,7,10,11)
假设我有一个3的窗口大小，什么是Scala/Functional来获得以下输出
valueWindowed (3, stamps) == List(
// Starting at timestamp 1 of stamps, we include the next values which are no bigger than the current value + the window size
List(1, 2, 3),
// Starting at timest
浏览 3提问于2016-03-11得票数 0
回答已采纳
我对编程完全是个新手。对于我的一个学校项目，我有一个从JSON中检索到的ASP.Net嵌套数组，我需要从这个数组中获取speakerID值并将其推送到另一个数组中。我如何在angular中做到这一点？(也是我第一次在StackOverflow上发帖，请原谅我的格式)
浏览 4提问于2021-09-13得票数 1
以下Firebase代码返回json格式的产品列表：
firebase.database().ref('/products/').once('value');
在Angular2中，将这个json转换为产品对象数组的最佳方式是什么？
例如，产品对象的数组。
products: Product[];
例如，Product对象。
export class Product {
public id: string;
public name: string;
}
我看到很多使用地图的Angular 2 http.get的引用，例如
getHeroes ()
浏览 1提问于2016-07-06得票数 3
数组中的某些元素是否只有三份之三份？我只想把数组中的"3“一式三份。例如:康斯特甲板= 1，3，9，3，7；应该变成1，3，3，3，9，3，3，3，7
我已经尝试了下面的方法，甲板是随机数组：
var i;
for (let i=0;i<deck.length;i++){
if (deck[i]==3){
return deck.flatMap(x=>[x,x,x]);
}else return deck[i];
}
}
浏览 4提问于2022-01-09得票数 0
回答已采纳
1回答
在Angular2中，根据第一个应用程序接口调用的结果实现第二个应用程序接口调用的正确方法是什么？我的一个Angular2组件具有以下方法。我尝试让一个订阅在另一个订阅中完成，但第二个订阅的响应总是“未定义”。
根据CozyAzure的建议进行编辑。
export interface Result {
host: string;
resourceUri: string;
groupId?: string;
resource?: any;
}
private curateResults(searchTerm: string, searchResults: SearchResul
浏览 0提问于2017-06-30得票数 8
回答已采纳
2回答
我有一个使用angularfire2的Angular应用程序，我正在使用一种方法从firebase中的几个不同的表中删除一些信息。
removeTeam(key: string) {
const dataToRemove = {};
dataToRemove[`teams/${key}`] = null;
this.findMembersInTeam(key).subscribe(members => {
members.forEach(member => {
dataToRemove[`members/${member}/te
浏览 0提问于2017-08-07得票数 4
我只想过渡到身份证。嗯，或者诸如此类的事情(我只是不知道怎么解释)。通常，当您按下按钮转到特定用户时，就会出现这样的错误：
错误TypeError: this.route.params.flatMap不是一个函数
at UserShowComponent.ngOnInit (user.Component.ts:31)
在checkAndUpdateDirectiveInline (core.js:12369)
在checkAndUpdateNodeInline (core.js:13893)
在checkAndUpdateNode (core.js:13836)
在debugCheckAnd
浏览 0提问于2018-06-13得票数 0
回答已采纳
我有一些数组。例如：
const ints = [8, 3, 9, 1, 4, 7, 2];
我想要元素，比如说索引0，3和4。
Array.slice()只适用于一个连续的元素范围。
我想要的基本上是：
const extractedElements = ints.extract([0, 3, 4]);
有办法在JavaScript?中完成这个操作吗？
，还是必须通过索引访问提取单独的元素？
浏览 4提问于2020-02-06得票数 0
回答已采纳
1回答
我有一个简单的任务是找到组合，这是最经常发生的，当我们丢弃4个立方骰子，并删除一个与最少的点。
因此，问题是:在Scala中是否有任何Scala核心类来生成笛卡尔产品流？当不是时-如何以最简单和有效的方式实现它？
以下是Scala中的代码以及与naive实现的比较：
object D extends App {
def dropLowest(a: List[Int]) = {
a diff List(a.min)
}
def cartesian(to: Int, times: Int): Stream[List[Int]] = {
def stream(x: Li
浏览 2提问于2013-10-15得票数 0
1回答
我想在另一个HTTP get之后创建一个HTTP get，该HTTP get获取第一个HTTP get的信息作为报头。我的代码是angular 2 Typescript with observables。
你能给出代码片段或其他响应元素吗？
谢谢
浏览 1提问于2016-05-17得票数 0
1回答
我有一个关于角2的问题(对不起，我的英语不够好.)。
我想从另一个组件中操作一个组件变量。问题是，这个组件变量在订阅函数之外是未定义的，而在内部却是可查看的。因此，我不能期望在没有这个组件的情况下访问这个变量。
这是我的服务MailRepertoryService：
import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable
浏览 3提问于2018-01-07得票数 2
我正在尝试弄清楚如何在我的angular类中使用async/await。我有一个从api获取帖子的PostService，但它依赖于AreaService，以便PostService知道从哪个区域获取帖子。我不太明白如何告诉我的angular类PostService等待来自我的AreaService的数据。来自AreaService的正确响应应该是字符串"fun“。然后，PostService将在this.areas数组中使用这个有趣的字符串来向用户显示来自当前选定区域的帖子。当前错误是:未捕获(in promise)：Error: Error in :0:0 selected by:
浏览 37提问于2017-07-01得票数 3
回答已采纳
2回答
我使用的是Angular2和rxjs。
我有一个名为login()的操作。这将使用http.post请求将身份验证详细信息发送到服务器，然后将接收回令牌。
它需要读取结果，如果令牌被成功接收，它将执行一些操作来验证令牌并对其进行解码，如果一切正常，它将使用http.get将令牌中的用户名发送到服务器，并检索用户的详细信息。
我希望以上所有内容都作为一个可观察对象返回，但对于应该相继发生的两个操作应该如何使用RxJS方法进行构造，我感到困惑不已。
我不认为订阅第一个操作，然后调用第一个操作中的第二个操作是“正确”的方式，因为这样就可以捕获第一个操作中的失败。
像这样的东西？
this.http.
浏览 0提问于2016-04-06得票数 3
1回答
在完成这个链之后，我想显示val3乘以val5的结果。
这是我的模拟服务结构，如下所示：
{
"person": [{
"val1": 1,
"val2": 2
}],
"facility": [{
"val3": 3,
"val4": 4
}],
"exposure": [{
"val5": 5
}]
}
这是一个组件，我在其中调用链中的服务。
import { Injectable } from &#
浏览 3提问于2018-07-09得票数 0
如果我将flatMap应用于JSONArray上的JSONObject，如果我在本地(膝上型电脑)上运行的话，它会运行得很好，但在集群(纱线)上运行时，会产生奇怪的错误。火花版本2.0.0
代码：-
JavaRDD<JSONObject> rdd7 = rdd6.flatMap(new FlatMapFunction<JSONArray, JSONObject>(){
@Override
public Iterable<JSONObject> call(JSONArray array) throws Exception {
L
浏览 5提问于2016-09-01得票数 4
回答已采纳
我正在尝试使用Django/python中的Angular2执行几个get请求。
我能够执行一个API请求并获得一个用户列表来查找当前用户的id。然后，我执行一个.flatMap操作来执行第二个请求，以获取所有评论的列表。我将userId与评论列表进行比较，以便只选择用户所做的评论。我收到的所有数据都是JSON。
在这一点上，我正在尝试获得属于每个评论的文章。但是，当我尝试运行一个函数来尝试在for循环中获取数据时，该请求甚至没有得到执行。
这是我的服务：
import {Injectable} from "angular2/core";
import {Http, Heade
浏览 0提问于2016-05-31得票数 4
在过去的两天里，我一直在试图修复这个错误，但我只是不知道哪里出了问题。我和库一起使用离子2/angular2 2，但是我一直收到一个错误，说token.split is not a function。
我想这和我的仓库有关。我用的是电子Storage
我创建了一个函数来检查令牌是否过期。
jwtHelper: JwtHelper = new JwtHelper();
token;
checkToken() {
this.token = this.storage.get('token');
console.log(this.token);
//let token2
浏览 9提问于2017-05-30得票数 4
2回答
我有一个正在加载JSON文件并在自定义管道中使用该服务的服务：
import { Pipe, PipeTransform } from '@angular/core';
import { Observable } from 'rxjs/Rx';
import { LanguageLoadService } from '../../services/language-load/language-load.service';
@Pipe({name: 'langAsset'})
export class LangAsset impl
浏览 8提问于2017-11-30得票数 4
回答已采纳
我使用的是Angular路由参数，但我的代码使用的是Snapshot，而不是ParamMap。请参阅。
浏览 0提问于2019-07-30得票数 1
我对joined()和.flatMap(_:)在处理多维数组方面的性能特性感到好奇：
let array = [[1,2,3],[4,5,6],[7,8,9]]
let j = Array(array.joined())
let f = array.flatMap{$0}
它们都将嵌套的array压缩为[1, 2, 3, 4, 5, 6, 7, 8, 9]。我应该选择一个而不是另一个来表演吗？另外，是否有一种更易读的方式来编写调用？
浏览 1提问于2016-08-24得票数 11
回答已采纳
1回答
目前我正在探索RxJS，我的第一个尝试之一就是尝试实现对API请求的速率限制。
不知何故，我遗漏了一些东西，并得到了“未定义”的输出。
我做错了什么？
const Rx = require('rx');
const request = require('request');
function f() {
return Rx.Observable.from(arguments);
}
function expand(condensedId) {
console.log('requesting', condensedId)
retur
浏览 0提问于2016-03-18得票数 0
1回答
这可能是一个天真的问题。我有一个案例类“Book”，定义如下：
case class Book(title : String, authors : List[String])
在我的主要方法中，我定义了几个图书记录如下：
val books = List(
Book(title = "Book1", authors = List("Author1", "Author2")),
Book(title = "Book2", authors = List("Author3", "Author4")
浏览 1提问于2016-03-03得票数 2
回答已采纳
我为我最近参与的一个巨大的angular项目重构了一些代码。代码的某些部分缺少RxJS运算符，并执行简单的嵌套订阅或复制/粘贴错误处理程序等操作，而不是使用管道。 可以安全地假设任何简单的1深度嵌套订阅都可以被mergeMap替换吗？ 让我们以如下的login方法为例： private login() {
this.userService.logIn(this.param1, this.param2).subscribe((loginResult: {}) => {
this.userService.getInfo(this.param3).subscribe(
浏览 15提问于2019-10-15得票数 0
1回答
我有一个包含多个数组的对象数组。单击该按钮时，我正在尝试删除该项，但它正在返回未定义的
数据Json
[
{
"services": [
{
"id": "1b975589-7111-46a4-b433-d0e3c0d7c08c",
"name": "PIX"
},
{
"id": "91d4637e-a17f-4b31-8675-c041fe06e2ad",
"n
浏览 1提问于2021-07-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
