TypeError: search.valueChanges.debounceTime nie jest funkcją

Question

Uczę się właśnie kąta2. W momencie zastosowania czegoś przy zmianach wejściowych otrzymuję błąd.

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)); 
    }; 

} 

Błąd:

Jak rozwiązać ten problem? Czy czegoś brakuje?

Plunker Demo

nb Nie mogę wyprodukować niczego w plunker jak piszę angular2 po raz pierwszy w plunker teraz. Napisałem tylko mój kod app.ts w plunker. Pokazałem zrzut ekranu błędu z mojego lokalnego komputera. Będę też wdzięczny, jeśli powiesz mi o sposobie prowadzenia projektu arcular2 na plunkerze.

Answer 1

Po prostu trzeba zaimportować te, aby usunąć błąd. Otrzymujesz błąd runtime, ponieważ domyślnie Observables ma tylko kilku operatorów. Trzeba wyraźnie importować je tak -

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

Working example