Angular distinctUntilChanged -值比较
Angular的distinctUntilChanged是一个操作符，用于在Observable流中过滤掉连续重复的值。
概念： distinctUntilChanged操作符会比较当前值和前一个值，如果它们不相等，则将当前值传递给下游。如果它们相等，则会忽略当前值，不传递给下游。
分类： distinctUntilChanged属于RxJS库中的过滤操作符。
优势：
- 减少重复值的传递，提高性能和效率。
- 可以用于处理需要过滤掉连续重复值的场景，例如用户输入的表单验证、避免重复提交等。
应用场景：
- 表单验证：当用户输入的值与前一个值相同时，可以使用distinctUntilChanged过滤掉重复值，避免重复的验证操作。
- 避免重复提交：在某些场景下，用户可能会多次点击提交按钮，使用distinctUntilChanged可以过滤掉连续重复的提交操作，确保只有一次有效的提交。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了云计算相关的产品和服务，可以帮助开发者构建和管理云端应用。以下是一些与云计算相关的腾讯云产品：
- 云服务器（CVM）：提供弹性计算能力，可根据业务需求快速创建、部署和管理云服务器实例。详情请参考：腾讯云云服务器
- 云数据库MySQL版（CDB）：提供高可用、可扩展的关系型数据库服务，适用于各种应用场景。详情请参考：腾讯云云数据库MySQL版
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，可用于存储和管理各种类型的数据。详情请参考：腾讯云云存储
请注意，以上仅是一些示例产品，腾讯云还提供了更多与云计算相关的产品和服务，具体可根据实际需求进行选择和使用。
相关·内容
我从Angular 2文档中学到的是如何使用一个术语流进行实时搜索(只有一个参数的搜索)。
private searchTermStream = new Subject<string>();
search(term: string) { this.searchTermStream.next(term); }
items: Observable<string[]> = this.searchTermStream
.debounceTime(300)
.distinctUntilChanged()
.switchMap((term: string) =>
浏览 2提问于2016-08-01得票数 0
如何让distinctUntilChanged处理这样的对象？
myObs = Observable.from([{foo: 'bar'}, {foo: 'bar'}]);
myObs.distinctUntilChanged()
.subscribe(value => {
// I only want to receive {foo: 'bar'} once
});
浏览 7提问于2017-11-06得票数 7
回答已采纳
2回答
下面是我们的设想。我有一个带有BehaviorSubject的用户服务和一个返回可观察到的BehaviorSubject的方法。我的第二个文件是标头组件，它订阅可观察到的文件。问题是..。是否可以只订阅更改，还是需要在this.userSubject.next(this.user)之前使用一些逻辑？
供参考的代码如下：
// user.service.ts
user: User;
private userSubject = new BehaviorSubject<User>(new User({}));
keepUpdated = () => {
this.tokenS
浏览 5提问于2017-05-18得票数 4
回答已采纳
2回答
我正试图在我的角度项目中使用ng-http-加载程序。我已经安装了ng-http-加载程序包。在编译项目时，我得到了一个错误。错误是
在'rxjs‘中找不到导出’分区‘。
package.json
"dependencies": {
"@angular/animations": "^8.2.2",
"@angular/cdk": "^8.1.3",
"@angular/common": "~8.0.0",
"@angular/compiler&
浏览 1提问于2019-08-19得票数 1
回答已采纳
1回答
这里发生了一些奇怪的事情。我有一个包含3个字段的表单:一个string和两个objects。这两个对象都从mat-select获取值。在这里，如果我再次选择当前值，将不会发出任何事件。对于字符串，是另一种情况(名为country)
country字段是从三个按钮之一获取的值，如下所示：
ts：
countries = ['en', 'de', 'es'];
countryChanged(country: string): void {
this.form.patchValue({
country
});
}
html：
浏览 6提问于2021-10-13得票数 1
2回答
基本上，我有一个angular应用程序，我希望(更改)仅在几秒钟内没有发生任何事情后触发。因此，不是每次在输入字段中写入字母时都发送请求，而是只有在写入字母且几秒钟内没有发生任何事情之后，才会发送请求。
浏览 10提问于2019-07-20得票数 1
回答已采纳
我有一个对象流，我需要比较当前对象是否与前一个对象不同，并在本例中发出一个新值。我发现distinctUntilChanged运算符应该做我想做的事情，但由于某些原因，它除了第一个运算符之外，从来不会发送值。如果我删除了distinctUntilChanged，它的值就会正常发出。
我的代码：
export class SettingsPage {
static get parameters() {
return [[NavController], [UserProvider]];
}
constructor(nav, user) {
浏览 1提问于2016-05-12得票数 37
我在angular应用程序中工作，其中使用了valueChanges方法来检测更改。像这样：
this.MyFrm.controls['is_applicable'].valueChanges.subscribe(values => {
this.mainFunc()
});
但是它会触发这个函数两次，为了解决这个问题，我使用了debounceTime。像这样：
this.MyFrm.controls['is_applicable'].valueChanges.pipe(debounceTime(0),distinctUntilChan
浏览 3提问于2021-06-02得票数 3
只有在输入/选择的前一个值=输入/选择的当前值时，我才调用onDataChange()。
但是，我注意到，每当将游标放在输入字段上(但没有更改输入字段的任何值/更改下拉值的选择)时，它仍然在调用onDataChange()。
我使用了startWith(null)，成对的，然后过滤器(prev！= next )，但它仍然执行onDataChange()，即使前一个值与下一个值相同。
主要问题是当将游标放在输入字段但不更改任何值时，它仍然调用onDataChange()。
只有在下拉选项中的输入值/更改发生变化时，我才会调用onDataChange()。onDataChange()将调用api调
浏览 0提问于2020-09-28得票数 1
回答已采纳
2回答
我是angular 2的新手，我有一个绑定到用户交互的值，我需要通过http请求发送这个值。当值改变时，我有一个事件被触发，但是值每秒可以改变多次。我想限制http请求:当用户交互时每2秒1个。我不想在没有交互的时候发送http请求。所以我想用计时器或时间间隔来做，但我不知道angular2的方法：
onChange() {
if(_interval.timerFinished) {
http.get(.............);
_interval.launchTimer(2000); //2 seconds
}
}
也许可以使用这个：
浏览 4提问于2016-07-06得票数 1
我试图组合两个可观测值，并根据其中一个或两者的结果发出一个事件。
过于简化的代码：
export class MyDirective {
// Filter properties
filter = new ReplaySubject<any>();
}
export class MyComponent implements AfterContentInit {
// First observable (my own creation)
@ContentChildren(MyDirective) columns: MyDirective[];
filterCha
浏览 2提问于2017-09-28得票数 1
回答已采纳
1回答
我正在尝试使用rxjs和vanillajs来实现一个自动完成功能。
我创建了一个包含输入文本的index.html页面和index.js来处理"keyup"事件并向服务器.As发送请求--这只是一个演示，我使用了一个json服务器库来模拟API。
我想要的是当用户输入字符时，服务器只在字符与前一个请求不相同的情况下发送API请求。
例如，如果将发送"Ev“请求，那么他将删除"v”，然后再次声明"v“服务器不会再次向服务器发送请求，因为"Ev”已发送给“Ev”。
为了做到这一点，我使用了distinctUntilChanged()，就像下面的代码一
浏览 1提问于2021-03-08得票数 0
回答已采纳
1回答
我有一个角2应用程序，其中有一个“AlgemeneInfoService”和一个返回可观测值的getAlgemeneInfo()方法。
使用角-redux/ store，我有一个存储区，其中有一个'AlgemeneInfo‘和'Verpleegperiode’对象，两者都有一个Id，AlgemeneInfo用来获取‘AlgemeneInfo’对象。( VerpleegperiodeId可以为空)
我正在尝试将ActiveAlgemeneInfo放在状态对象.中，当AlgemeneInfoService或Verpleegperiode的状态对象发生变化时，应该通过调用Algeme
浏览 1提问于2017-04-05得票数 0
回答已采纳
我有一个使用下限和上限限制的值流，为了减少日志记录的数量，我只想在它们更改时发出值。问题是，以下代码段中的第二个distinctUntilChanged()仍然生成重复的代码：
Observable // emits i.e. [2, 2, 2, 5, 5, 10, 20]
.distinctUntilChanged() // becomes [2, 5, 10, 20]
.map(target => {
const correctedTarget = Math.min(Math.max(target, MINIMUM), MAXIMUM); // Let's say min
浏览 4提问于2016-08-01得票数 4
回答已采纳
我使用的是带有角9的RxJS，我尝试在输入中添加一个键绑定，如果用户输入了一个新值，我想启动一个HTTP请求。
我有这样的代码：
fromEvent(this.inputBox.nativeElement, 'keyup')
.pipe(
// wait 300 ms to start
debounceTime(300),
// if value is the same, ignore
distinctUntilChanged(),
// start connection
switchMap(term => this.a
浏览 0提问于2020-03-12得票数 1
回答已采纳
试图从5升级到角度6，并得到了以下错误：
src/app/app.Component.ts(26，23)中的错误:错误TS2339:属性'distinctUntilChanged‘在类型’可观察‘上不存在。
我在distinctUntilChanged中导入了app.module.ts：
import "rxjs/add/operator/distinctUntilChanged";
以及我在app.component.ts中的代码：
import { Component } from "@angular/core"; import { Rout
浏览 4提问于2018-10-11得票数 3
回答已采纳
加载页面时，我运行以下方法，并在下拉列表中使用返回的列表。
会执行tap和switchMap块，但页面加载时不会执行distinctUntilChanged中的内容。
加载页面后，如果更改"formControl“的值，则将正确执行formControl。
为什么distinctUntilChanged()没有在页面加载上执行？
const sourceA$ = formControl.valueChanges.pipe(startWith('user-input-value'));
return combineLatest(([sour
浏览 3提问于2022-02-28得票数 0
我正在尝试实现多个术语的搜索。N
我读到了这个博客： it相似的案例。但我不明白如何使用动态观察值(搜索词输入)来实现它。假设我有30个搜索词的过滤器。简单的解决方案是使用combineLatest到所有的搜索词组件，但效率不高。我的目标是在第一次更改时订阅可观察对象。
我尝试对动态数组使用combineLatest运算符，但它不起作用：(。
我的代码：
import {Component, OnInit, Input, ViewChildren, QueryList, AfterViewInit} from '@angular/core';
import {Table}
浏览 2提问于2017-06-19得票数 0
1回答
我有两个数据集合(示例应用程序-试图学习ngrx)的计数器和urls。我可以正确地拉动和显示每一个商店在其各自的组成部分。使用ngrx商店的计数器示例，我还可以增加和减少计数器。我为urls添加了一个还原剂，它现在在操作开关中有一个默认值。
问题:当我增加计数器时，url默认操作也会被触发。我没有正确地选择一个减速器上的一个动作。我该怎么做？
可能的答案？：我认为每个减速机的动作都应该是不同的？例如，“反增量”和“url-增量”相对于两种使用“增量”的减速器？或者还有别的方法？
我对ngrx和rxjs很陌生，所以最简单/最直接的代码会有帮助。
// app.module.ts
import {
浏览 4提问于2016-10-28得票数 0
回答已采纳
1回答
用动量显示当前时间
、、、
我正在尝试创建一个时钟组件，它动态地显示当前时间。
问题：时间显示为预期的加载时间(HH:mm )，但时钟一点也不改变。
clock.component.ts :
import {
ChangeDetectionStrategy,
Component,
OnInit
} from "@angular/core";
import { Observable, interval } from "rxjs";
import { map, distinctUntilChanged } from "rxjs/operators"
浏览 3提问于2018-12-07得票数 0
回答已采纳
1回答
我有一个可以观察到的发射数(整数，双数，BigDecimal实际上是第一个问题)。我在可观察的构图时间定义了一个阈值。换句话说，在可观察的生命周期内，门槛是不会改变的。
我需要的是筛选出与上一次在阈值内传递的值不同的值。或者重新定义它:只有在与上一次通过的值不同时，才向下游传递值，超过阈值。
举个例子可以更好地解释：
Source observable values:
[5, 4, 7, 9, 15, 14, 13, 12, 11, 7, 3, 2, 1]
Filetered values with threshold = 3 :
[5, 9, 15, 11, 7, 3]
为了更好地说明
浏览 0提问于2018-09-19得票数 2
回答已采纳
我在angular中使用了一个简单的输入。 <ng-template #searchinput>
<mat-form-field class="w-100" floatLabel="never">
<input matInput placeholder="Search" [id]="'search_'+col.columnDef" (input)="searchChange($event.tar
浏览 11提问于2020-10-23得票数 0
回答已采纳
通过读取和，distinctUntilChanged似乎更改了输出流，只提供不同的连续值。
我认为这意味着，如果相同的值立即到达，您实际上是过滤流，并且只得到一个重复的值。
所以如果我写这个：
this.myFormControl.valueChanges
.debounceTime(1000)
.distinctUntilChanged()
.subscribe(newValue => {
console.log('debounced: ', newValue);
});
我认为这方面的产出没有任何差别：
this.myFormControl.v
浏览 17提问于2017-10-23得票数 7
回答已采纳
如果三个对象键中有一个发生了更改，我想为我的可观察对象启动.subscribe()。
如果我复制并粘贴每个键的方法，它就能工作：
this.myService.loadData(this.dataContainer.id, true)
.distinctUntilChanged((updatedData) => { return updatedData.relations; })
.subscribe(updatedData => {
console.log("relations changed",updatedData);
浏览 3提问于2016-08-19得票数 3
回答已采纳
我只是在学习angular2。在输入更改应用时，我将得到错误信息。
app.ts：
export class AppComponent {
form: ControlGroup;
constructor(fb: FormBuilder) {
this.form = fb.group({
search: []
});
var search = this.form.find('search');
search.valueChanges
.debounc
浏览 5提问于2016-07-13得票数 54
回答已采纳
1回答
你好，我花了很多时间在上，试图找出一个解决方案，但我不知道哪里出了问题，所以我决定发个问题。
这里是我想要测试的文件：home.page.ts
import { Component, OnInit } from '@angular/core';
import { distinctUntilChanged } from 'rxjs/internal/operators/distinctUntilChanged';
import { AlertController, LoadingController } from '@ionic/angular';
浏览 3提问于2022-12-01得票数 1
当我在不同的片段中更改GameData的GameData属性时，我可以看到在存储库的侦听器中收到了更改，但是当我导航回片段时，当我使用MutableStateFlow时，视图模型从未收到更新的值。
奇怪的是，当我将流更改为MutableSharedFlow时，突然间视图模型也开始获得更新的值。有人知道为什么会发生这种事吗？我需要在这里使用MutableStateFlow，但它不起作用。
仓库：
private val gameDataListResultMutableFlow: MutableStateFlow<Result<List<GameData>>>
浏览 2提问于2021-01-13得票数 3
回答已采纳
1回答
在angular中解除函数的抖动
、、、、
我想为函数内的一个参数添加去反跳 我有问题，因为角度去抖动只适用于管道和可观察的，所以我使用lodash去抖动代替。 每当clarity datagrid表刷新时，它都会调用onRefreshTable函数，并传递具有表过滤和排序状态的事件对象。 由于refreshTable()调用API需要更长的时间，我想尽量减少API调用。 有时，使用相同的参数或不同的参数多次调用表刷新。如果参数不同，则最后一个表刷新调用将包含传递给API所需的所有参数。 我的atttempt在代码中没有错误，但它仍然在1秒后使用相同的参数调用函数几次， import * as _ from lodash;
onRef
浏览 31提问于2020-10-17得票数 0
回答已采纳
我试图在应用程序的HTTP请求的角度7上显示一个旋转器，我已经创建了一个HttpInterceptor类、一个加载器服务和一个加载器组件，以及一个表示旋转器状态的主题(显示或隐藏)。但是，在加载程序服务和加载程序组件之间似乎存在一个问题。
当控制台输出真和假状态(下面的代码)时，HttpInterceptor似乎工作得很好，但是加载程序服务和加载程序组件似乎存在问题。我使用了一个ngIf指令来根据主题的状态显示或隐藏旋转器。
LoaderService：
import { Injectable } from '@angular/core';
import { Subject }
浏览 2提问于2019-04-14得票数 2
回答已采纳
我刚接触angular，遇到了一个奇怪的现象。我有一个自定义材料多选组件的表单，它有一个额外的‘全部’选项来选择/取消选择所有选项，默认情况下在组件启动时选择。提交表单后，将其值保存在存储(NgRx)中，然后在从结果组件返回时将其修补到表单。选择组件的formControl具有确切的patched值，但在此组件中未选择任何内容。值仍然是formControl格式，当我重新提交表单时，它可以工作…… 下面是自定义select组件的valueChanges： this.control.valueChanges.pipe(
takeUntil(this.destroy$),
distinc
浏览 21提问于2020-10-14得票数 0
回答已采纳
1回答
我试图用rxjs来捕捉keyup的最后一个事件，但是得到了一堆控制台。 下面是我的angular指令： import { Directive, AfterContentChecked, ElementRef, HostListener } from '@angular/core';
import { fromEvent, merge, Observable } from 'rxjs';
import { distinctUntilChanged, debounceTime, last, map } from 'rxjs/operators';
浏览 34提问于2021-10-12得票数 -1
3回答
我有一个可观察的，它传递给我一个json对象，我使用的是不同的操作符。如果整个对象和以前一样，我不希望有重复。我不能只使用一个比较器像id，因为它的id可能是相同的，但它的内容不是。
因此，我现在对对象进行字符串化，然后使用distinct，它工作得很好
有更好的方法吗？
someObservable
.startWith(cachedCopy)
.map(item => JSON.stringify(item))
.distinct()
.subscribe(item => {
//I do some stuff!
})
浏览 2提问于2018-02-03得票数 4
回答已采纳
1回答
我在全局范围内有一个变量，我需要定期检查它的变化。这就是我在简单的JS中所做的事情：
let currentValue, oldValue;
setInterval(()=>{
if(currentValue != oldValue){
doSomething();
}
}, 1000)
它是如何使用Observables完成的
浏览 1提问于2017-01-27得票数 7
回答已采纳
我注意到MutableLiveData会触发观察者的onChanged，即使向它的setValue方法提供了相同的对象实例。
//Fragment#onCreateView - scenario1
val newValue = "newValue"
mutableLiveData.setValue(newValue) //triggers observer
mutableLiveData.setValue(newValue) //triggers observer
//Fragment#onCreateView - scenario2
val newValue = "
浏览 0提问于2019-02-11得票数 16
回答已采纳
我有一个filter类，我在需要filter功能的地方继承它。 export class FilterUtil{
…
public extFilterSubject = new Subject<any>();
constructor(){
this.extFilterSubject
.pipe(map(event => event)
, debounceTime(300)
, distinctUntilChanged())
.subscribe((searchKeyword) => {
浏览 9提问于2019-04-04得票数 0
回答已采纳
1回答
我有一个带有简单输入标签的angular6应用程序：
<input type="text" name="searchBox" [(ngModel)]="searchTerm" class="form-control" />
我想对searchTerm属性进行观察，以添加一些操作符，如debounce等。
我如何做到这一点(不使用ReactiveForms )？
浏览 0提问于2018-05-17得票数 2
回答已采纳
我有一个模块，客户端从服务器侦听websocket事件，每次收到更新事件时，都会发出HTTP调用来更新UI上的数据集。我遇到了一个问题，对于某种类型的操作，服务器在10秒内发送大约40个更新事件，UI在10s的范围内触发40个API调用。服务器似乎无法处理所有这些请求。
我想知道是否有一种rxjs方法来处理这个问题，当对服务器的API调用仍然对同一个请求挂起时，我必须等待它完成才能再次发出相同的请求。
listen(wstopic) {
return this.wsService.subscribeEndPoint(wstopic).pipe(
switchMap((even
浏览 11提问于2022-08-02得票数 0
回答已采纳
前言:我知道还有很多其他的问题也有同样的错误，但我似乎仍然找不出我自己的问题。
我有一个简单的服务和另一个简单的组件。我正试图非常密切地学习angular2英雄教程，下面是我的代码：
location.ts
export class Location {
name: string;
type: string;
c: string;
zmw: string;
tz: string;
tzs: string;
l: string;
ll: string;
lat: string;
lon: string;
}
loc
浏览 3提问于2016-10-26得票数 2
回答已采纳
有没有办法给distinctUntilChanged添加一个计时器？ 在rxjs 6中 of(1, 2, 3, 3, 5, 6)
.pipe(distinctUntilChanged)
.subscribe(x => console.log(x) 我的问题是，有没有办法添加一个计时器，以便重复的值如果落在时间范围之外就会发出，而如果落在时间范围内就会被忽略。 例如，如果定时器设置为1000 ( 1s )，在这种情况下，interval(1000)，并且在1s内发出重复的值，它将被忽略，但如果在间隔(1s)之后，它应该被允许通过。我希望我在这里说得通。 此外，如果有更好的方法来做
浏览 48提问于2018-06-19得票数 9
回答已采纳
存在于FormControl对象上的valueChanges Observable在每次对FormControl对象调用setValue(value)函数时都会发送值。
使用RxJS运算符distinctUntilChanged，我们可以过滤出不是新的值。但是如果FormControl有初始值，这就不起作用了。
const formGroup1 = new FormGroup({page: new FormControl(1)});
const formControl1 = formGroup1.get('page');
formControl1.valueChanges.pi
浏览 0提问于2019-02-21得票数 2
2回答
我一直在开发一个应用程序，它允许几个不同的组件以角度更新BehaviorSubject。在每个组件中，我存储上一个BehaviorSubject值的本地副本。为了知道组件是否生成了被推送的新值，我计划使用LoDash的_.isEqual()函数比较这两个对象。然而，我发现，在进行比较之前，我的本地可观测到的副本已经更新。
角查找=语句并在可观察的next函数之外创建到该组件属性的外部绑定吗？
在下面的代码中，我发现组件中的this.QueryParams属性已经更新为函数中正在处理的当前值，这会导致我的比较失败，即使在对if语句进行计算之前我不会将新的值分配给属性。
组件
export cla
浏览 5提问于2017-09-13得票数 4
回答已采纳
我正在构建一个Angular 9应用程序。在这个应用程序中，我得到了一个反应式表单。我想在最后一次更改表单字段后3秒后将此表单自动保存到服务器。 但如果用户继续输入以避免应用程序向服务器发送不必要的更新，我希望这个3秒的延迟重新开始。 这是我现在使用的代码，它可以工作，但即使用户继续输入，它也会发送。 this.form.valueChanges.pipe(auditTime( 3000 )).subscribe(() => {
if (this.form.valid && this.form.dirty) {
this.submitForm
浏览 8提问于2021-02-03得票数 1
回答已采纳
我正在研究如何将作为服务中的oauth2隐式过程的一部分返回的用户令牌传递给作为回调url的组件，这样我就可以在片段中进一步使用该令牌了。
服务代码
import { Injectable } from '@angular/core';
import {UserManager, UserManagerSettings, User} from 'oidc-client';
@Injectable({
providedIn: 'root'
})
export class AuthService {
private manager: Us
浏览 1提问于2018-11-01得票数 1
回答已采纳
在rxjs流中，我使用distinctUntilChanged和isEqual一起筛选出重复的值。然而，它似乎不像预期的那样起作用。取下面的代码片段
import { isEqual } from 'lodash-es';
let cachedValue: any;
function testFn(observableVal: Observable<any>) {
return observableVal
.pipe(
distinctUntilChanged(isEqual),
tap(val => {
浏览 0提问于2019-02-24得票数 12
回答已采纳
在调试应用程序问题的过程中，我创建了下面的简化组件。它在执行时会得到以下异常：
ingredient2service.ts:24 ["test1", "test2"]
angular2.dev.js:23093 EXCEPTION: Cannot find a differ supporting object 'test2' in [items | async in Ingredient2SearchComponent@5:12]
angular2.dev.js:23083 ORIGINAL EXCEPTION: Cannot find a di
浏览 2提问于2016-04-04得票数 1
我正在尝试在一个基本的Angular 6应用程序上使用ngbTypeahead。应用程序中没有太多的其他依赖项。我一直收到以下方法签名未找到错误...
ERROR TypeError: Object(...)(...) is not a function
at Observable.push../node_modules/rxjs/_esm5/internal/Observable.js.Observable.pipe (Observable.js:91)
如果我沿着这一行走，它会在下面的代码中结束，这就是它正在寻找的方法。
return pipeFromArray(operations)(t
浏览 0提问于2018-10-17得票数 0
3回答
我有一个使用ngrx/store的基本redux实现。
//根减速器
export const root = {
posts: fromPosts.reducer,
purchases: fromPurchases.reducer
}
export function getAllPosts( state ) {
return fromPosts.getAll(state.posts);
}
export function getAllPurchases( state ) {
return fromPurchases.getAll(state.purchases);
}
在我
浏览 6提问于2017-04-26得票数 4
回答已采纳
我刚开始学习autoComplete搜索。我能够从后端服务器获取对象，但是当我试图用HTML显示对象时，我会得到以下错误。
NgbTypeaheadWindow.html:5 ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
at NgForOf.ngDoCheck (common.js:4477)
at checkAndUp
浏览 0提问于2019-12-06得票数 0
回答已采纳
升级Angular后，原始码如下投诉 ngOnInit() {
...
Observable.fromEvent(this.filter.nativeElement, "keyup")
.debounceTime(150)
.distinctUntilChanged()
.subscribe(... 基于此thread，我将导入更改为 import { Observable, of, BehaviorSubject, merge, fromEvent} from "rxjs";
import { map, start
浏览 25提问于2021-04-02得票数 0
回答已采纳
我有一个BehaviourSubject<Object> selectedObject，它发出值this.selectedObject.next(newObject)，而这个next只被触发一次。但是，我有一个订阅this.selectedservice.selectedObject.subscribe((emittedObject: Object) => { doWork();}，它被多次调用。
注意:这个复制发出的值不是一个常量值，在我的一个功能流场景中，它是以递增的数字发生的。不确定为什么单个.next()会出现重复订阅
我正在寻找一种解决方案，对于.next()，我应
浏览 14提问于2019-11-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
