TypeError:search.valueChanges.debounceTime不是一个函数

我只是学习angular2。 在应用input变化的时候,我得到了错误。

app.ts:

export class AppComponent { form: ControlGroup; constructor(fb: FormBuilder) { this.form = fb.group({ search: [] }); var search = this.form.find('search'); search.valueChanges .debounceTime(400) .map(str => (<string>str).replace(' ','‐')) .subscribe(x => console.log(x)); }; } 

错误:

在这里输入图像说明

如何解决这个问题? 我错过了什么吗?

Plunker演示

注意我不能生产任何东西,因为我现在正在写第一次冲锋者。 我只在plunker写了我的app.ts代码。 我已经从我的本地电脑显示错误的截图。 如果你告诉我在plunker上运行angular2项目的方式,我也会很感激。

你只需要导入这些来消除你的错误。 您正在获取运行时错误,因为默认情况下Observables只有less数几个运算符。 你必须像这样明确地导入它们 –

 import 'rxjs/add/operator/debounceTime'; import 'rxjs/add/operator/map'; 

工作示例

  • 如何在Angular 2中设置Bootstrap navbar“active”类?
  • Angular 2 – 如何使用新的angular度2.0.0-rc.1路由器
  • Angular2validation器依赖于多个表单域
  • 如何使用Angular2下载文件
  • Angular 2 – NgFor使用数字,而不是集合
  • 如何使用* ngFor显示json对象
  • CSS3的border-radius属性和border-collapse:collapse不要混合。 我怎样才能使用边界半径来创build一个圆angular的折叠表?
  • Angular2加载的文件请求过多
  • angularjs:防止Bootstrap莫代尔消失,当点击外面或按逃生?
  • Angular 2 OrderBypipe道
  • 如何使用angular-cli构build包含自定义文件?