当前位置: 首页 > 知识库问答 >
问题:

如何在Angular2[duplicate]中将Observables运算符与EventEmitter(FormModel.valueChanges)一起使用

陆烨磊
2023-03-14

我试图在EventEmitter上使用一些简单的操作符(来自FormModel.valueChanges),但我不知道应该如何实现。

EventEmitter类从Subject扩展而来
导出声明类EventEmitter

这个。耐心形成。价值变化。去BounceTime(400)此。耐心形成。价值变化。来源去BounceTime(400)此。耐心形成。价值变化。asObservable()。去BounceTime(400)可观察到。创建(this.patientForm.valueChanges)。去BounceTime(400)

在构造函数和ngOnInit
中尝试过,源总是未定义的,运算符在类中不存在。

我从“rxjs”导入了这个importimport{Observable} 可能与此有关吗?

(我正在尝试将表单状态保存在Redux存储中,但不希望在每次击键时都这样做)


共有2个答案

轩辕煌
2023-03-14

你需要导入操作符

import 'rxjs/add/operator/debounceTime'

或者一次把他们都杀了

import 'rxjs/Rx';
胡沈义
2023-03-14

正如甘特所说,默认情况下不包括运算符

要导入可观察的类,只需使用以下命令。在这种情况下,您将拥有可观察类中的所有运算符:

import {Observable} from 'rxjs/Rx';

要仅使用debounceTime运算符,可以使用以下命令:

import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/debounceTime';

那么使用DebounceTime运算符的正确方法是:

this.patientForm.valueChanges.debounceTime(400).subscribe((val) => {
  (...)
});

有关更多详细信息,请参阅本文:

  • https://jaxenter.com/reactive-programming-http-and-angular-2-124560.html

 类似资料:
  • 问题内容: 让我们来一个带有以下代码的file.js: 现在,我们有另一个JS文件,我们在其中执行以下操作: 在r1情况下,它按预期工作-r1包含对新创建对象的引用。 在r2情况下,它不起作用-r2从file.js中获取对module.exports的引用。 目的是通过调用func()构造函数来创建一个新对象。当然,我也可以用等于r1的方式来做: 但是,我不明白为什么r2的行为方式与r1不同。 围

  • 问题内容: 我正在寻找可以在SQL Server中正常工作的东西,类似于c#中的符号,它会使字符串按照原义被接受。例如: 注意@如何影响字符串按原样使用每个字符。 现在,我不确定这是否可行,但这是我的问题,也许有更好的方法来解决此问题。考虑以下基本查询: 我的问题是,如果他们放置,或其他任何会影响我的like子句的特殊字符。我希望比赛表现得像“开始于”功能。那么,有什么我可以应用到@searchT

  • 我试图了解java中的运算符,如链接:-instanceof 但当我尝试运行以下代码时:- } 我在编译时遇到以下错误: 下面是放置src代码的目录结构:- 注意:我从

  • 我试图使用二元运算符来比较两个值: 现在,我收到一条失败消息:二进制运算符“==”不能应用于unichar或String类型的操作数。我还尝试转换字符: 不工作...

  • 我一直在搜索一个完整的示例with try-with-Resources.我感到困惑,如果关闭也关闭了对象,当我调用时将创建该对象。我是否需要包装在一个try与资源? 示例:

  • 我试图在一个我的组件中使用Tesseract来执行文件上的ocr。 .ts: .html 我遵循了这个,但是这个错误显示了 我应该怎么做才能让这个工作成功?