如何使用mergeMap Angular处理Typeahead搜索中的错误场景
在Angular中使用mergeMap来处理Typeahead搜索中的错误场景，可以通过以下步骤实现：
- 导入必要的依赖：
- 导入必要的依赖：
- 在Typeahead搜索方法中使用mergeMap操作符：
- 在Typeahead搜索方法中使用mergeMap操作符：
- 在上述代码中，
searchTypeahead方法使用mergeMap操作符来处理Typeahead搜索的异步请求。在mergeMap中，可以对搜索结果进行处理，并返回一个新的Observable。如果发生错误，可以使用catchError操作符来捕获错误并返回一个空数组或其他默认值。 - 在组件中调用Typeahead搜索方法：
- 在组件中调用Typeahead搜索方法：
- 在组件中，可以通过监听搜索词的变化来调用Typeahead搜索方法，并订阅返回的结果。将结果赋值给
searchResults属性，以在模板中展示搜索结果。
以上是使用mergeMap来处理Typeahead搜索中的错误场景的基本步骤。在实际应用中，可以根据具体需求进行适当的修改和扩展。
相关·内容
尝试使用API数据提前输入搜索功能，如果我们给出有效数据自动建议是正确的，如果我们给出无效数据，它会给出错误消息，但如果我们再次输入有效数据，API就不会触发。因此，我尝试修复并尝试了下面的代码，并帮助我如何处理无效数据的错误情况。Observable<any>;
observer.next(this.asyncData)
})
浏览 20提问于2021-04-26得票数 0
我使用的是ngx引导3.0.1，我已经将我的应用程序从角6.1.3升级到了7.0.0，并得到了错误mergeMap不是函数
import { Observable } from 'rxjs/Observable';
import 'rxjs/add&
浏览 0提问于2018-10-20得票数 1
我正在做一个项目，我正在使用。我有一个用来搜索用户的Typeahead。当在建议下拉列表中找到用户名时，您应该能够单击一个名称或按enter键直接发布帖子，而不需要按下按钮来发布帖子。为此，我需要“捕捉”其中一个用户名上的单击或返回事件。有人知道如何捕捉点击和返回事件吗？欢迎所有提示！<body ng-controller="MainCtrl">
<inpu
浏览 2提问于2015-08-05得票数 6
我使用EMPTY from rxjs来处理catchError，为了通过失败的场景，期望值是多少？import { Injectable } from '@angular/core';import { EMPTY } from 'rxjs';
import { map, mergeMap</e
浏览 3提问于2020-05-13得票数 2
1回答
我有一个在Angular4中调用的web服务(使用可观察的)，并且在我的组件中(通过一个观察者和mergemap操作符)调用它。整个功能还包括材料设计，md-输入和ng-ngx-引导打字机.所有操作都是在OnInit中完成的，每次打开/刷新页面时，都会通过空查询触发对我的google服务的调用。仅当string作为参数传递时，如何触发对搜索</e
浏览 1提问于2017-09-05得票数 0
回答已采纳
/wwwroot/js/admin/infrastructure/typeaheadComponent.ts模块中找不到错误:错误:无法解析“提前输入”。我安装了以下设备npm install @types/typeahead
我的打字稿如下，使用node模块解析。import { module } from "angular&qu
浏览 6提问于2017-03-28得票数 0
回答已采纳
我有一个项目列表，需要通过文本动态搜索该列表，例如:我单击该列表，它将打开，我可以开始键入项目的名称，列表将调整结果。这是我的选择for item in items></select>
浏览 4提问于2015-02-20得票数 0
我使用的是Angular 2.1.2，在使用NG2-bootstrap的typeahead功能时遇到了问题，我使用的是1.1.16版本。我也在用Webpack。我基本上遵循了网站上的示例，但我对其进行了调整，以使用我拥有的一个服务，该服务将为typeahead字段提供搜索结果。你知道为什么我会得到这个错误吗？我还想知道为什么它在错误消息中
浏览 2提问于2016-11-15得票数 11
回答已采纳
1回答
当内部可观察对象完成执行时，控制转到错误块。 我的组件服务层-控制转到错误块。.'); <-- The control comes here
}) 在我的应用程序服务层中- return this.dbService.queryData(req).pipe(mergeMap
浏览 25提问于2019-08-29得票数 0
回答已采纳
我正在使用ngx-bootstrap的typeahead构建一个异步typeahead。从HTML模板开始，在反应表单中有一个针对typeahead和所选对象的输入： formControlName="prefix"observable的组件，它调用我的http服务accountTypeAhead()。然后，http服务的响应
浏览 0提问于2018-03-15得票数 1
我需要从服务中获取数据。然后，我需要遍历数据，并使用从第一次调用中获得的id来获取数据。我的目标是通过在加载所有数据时调用ChangeDetectorRef上的markForCheck()来优化角度绑定的性能。 这是我当前的代码。这就是完成工作。但是对markForCheck()的调用是在加载所有数据之前完成的。(ids => ids.map(id => this.sorService.getLocati
浏览 14提问于2019-02-12得票数 0
1回答
我正在使用angular 6，并且有一个类可以将我的API令牌加入到每个http请求中。当getIdToken()成功返回时，一切都会正常，但如果它返回不成功，我的应用程序将停止。当getToken失败时，我如何处理mergeMap函数？import { Injectable } from '@angular&
浏览 0提问于2018-12-12得票数 0
我正在使用typescript编写一个angular控制器，我正在使用angular ui typeahead，但在调用更新处理程序时收到一个错误。这是angular指令 typea
浏览 0提问于2014-11-08得票数 0
我有两个顺序订阅： this.service.getUsers(token).subscribe(res2=>{ })在合并映射中的令牌param上我得到了错误：
参数类型为‘(值：{}，索引:数字
浏览 2提问于2018-10-17得票数 1
回答已采纳
1回答
当我删除搜索文本时，它不会触发更改。当有人删除他们的查询时，我想清除结果。
我在typeahead-min-length: 0中使用angular-ui bootstrap typeahead
浏览 11提问于2016-02-16得票数 0
我正在使用带有onSearch方法的react-bootstrap-typeahead版本5.2.1来处理异步typeahead搜索。问题是，当用户输入一个很长的数字(例如: 99999180)非常慢，或者在999999之后停止输入，然后继续输入180时(您可以从网络上看到序列)，我们无法获得返回的结果，因为查询参数仅显示9999918但是，数据库中确实存在999999180。相同的代码在基于旧的r
浏览 20提问于2021-11-02得票数 1
回答已采纳
我有一个非常简单的拦截器，它拦截错误并在控制台上打印输出： })}
问题是，当我获得error.status==0时，它第一次工作得很好，并且再次发送请求(使用sendRequestAgain())，但是当请求第二次失败时，错误被正确截获，但是控件不会进入else if (
浏览 0提问于2019-09-26得票数 0
回答已采纳
2回答
我有一个函数，它尝试将3个请求链接在一起，如下所示： this.getUserInfo(this.currentUser.id).pipe( this.getAccounts(this.currentUser.id) mergeMap(e => ) console.log(&#
浏览 0提问于2018-08-08得票数 0
我正在使用webpack版本的2.2.1import "typeahead";
globule = require("globule");
var con
浏览 2提问于2017-04-03得票数 0
回答已采纳
该指令根据typeahead字段的输入搜索数据库，以检查是否需要另一个字段。 angular.module('myApp').directive('myfieldValidat
浏览 3提问于2016-05-26得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
