TypeError: recherche.valueChanges.debounceTime n'est pas une fonction

J'apprends juste angular2. Au moment de la demande quelque chose au niveau de l'entrée des changements, j'obtiens l'erreur.

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

 }

Erreur:

TypeError: recherche.valueChanges.debounceTime n'est pas une fonction

Comment résoudre ce problème? Ai-je raté quelque chose?

Plunker Démo

N. B. je ne peut rien produire du plunker que je suis en train d'écrire angular2 première fois à plunker maintenant. J'ai écrit que mon application.ts code à plunker. J'ai montré la capture d'écran de l'erreur de mon pc local. Je vous serai reconnaissant si vous me dites que la manière de gérer des angular2 projet à plunker.

  • en fait, vous mélangez les importations de angular2 à votre plunker voir ici est le travail de démonstration de angular2 plunker. plnkr.co/modifier/XNvJChxONhZpY04Iruf6?p=preview
  • désolé, je ne suis pas sûr de la façon de l'écrire à plunker. J'ai suivi en cliquant sur: nouveau>Angular Js " >2.0.X(TS). Ensuite, j'ai remplacé le code de l'application.ts avec mon application.ts. De quoi d'autre ai-je besoin de faire pour? remplacer tous les fichiers de code comme app.js, index.html etc avec le mien?
  • Ouais en fonction de votre besoin, vous devrez changer le index.html en tant que bien, mais le mieux est si vous avez la fourchette de quelqu'un d'autre plunker pour l'écriture de votre code, parce que je prend plus de temps à écrire votre propre code
InformationsquelleAutor user1896653 | 2016-07-13
  1. 89

    vous avez Juste besoin d'en importer pour supprimer votre erreur. Vous obtenez l'erreur d'exécution parce que les phénomènes Observables par défaut venir avec juste un peu d'opérateurs. Vous devez explicitement les importer comme celui - 

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

    Exemple de travail

    • vous êtes l'homme de la! 😉
    • oui je suis l'homme 😉 @Vnuuk
    • Je suis de l'importer à l'aide de import {debounceTime} from "rxjs/operator/debounceTime" qui ne fonctionne pas.
    • On dirait qu'il ya une différence entre les deux fichiers, le mien complété automatiquement à ça aussi. Vous assurer que vous avez enlevé tout existant importations et de le remplacer par ce pardeep a. Ensuite, assurez-vous que votre valueChanges de la manière décrite à l'OP, vérifiez votre modèle de assurez-vous de ne pas la cartographie des changements de là et il devrait fonctionner.
    • Vous avez besoin d'importer debounceTime() comme ceci angulaire 6 importation { debounceTime } à partir de 'rxjs ou de l'exploitant;
    InformationsquelleAutor Pardeep Jain
  2. 3

    Mettre debounceTime(400) à l'intérieur d'un tube() fonction.

    exemple

    var search = this.form.find('search');
    search.valueChanges
        .pipe(debounceTime(400))
        .map(str => (<string>str).replace(' ','‐'))
        .subscribe(x => console.log(x));
    InformationsquelleAutor Fhulufhelo Mokhomi