Angular Material Errror bei Verwendung von Rohr

Question

Blick auf die Dokumente für Angular Material und lief ein Problem bei der Verwendung der Matte-Autocomplete. Jede Hilfe würde sehr geschätzt werden.

Fehler Rohr existiert nicht auf Art beobachtbaren

import {Component, OnInit} from '@angular/core'; 
import {FormControl} from '@angular/forms'; 
import {Observable} from 'rxjs/Observable'; 
import {pipe} from "rxjs/util/pipe"; 
import {startWith} from 'rxjs/operator/startWith'; 
import {map} from 'rxjs/operator/map'; 

@Component({ 
    selector: 'autocomplete-filter-example', 
    templateUrl: './my-template.html' 
}) 
export class AutocompleteFilterExample { 

    myControl: FormControl = new FormControl(); 

    options = [ 
    'One', 
    'Two', 
    'Three' 
    ]; 

    filteredOptions: Observable<string[]>; 

    ngOnInit() { 
    this.filteredOptions = this.myControl.valueChanges 
     .pipe(
     startWith(''), 
     map(val => this.filter(val)) 
    ); 
    } 

    filter(val: string): string[] { 
    return this.options.filter(option => 
     option.toLowerCase().indexOf(val.toLowerCase()) === 0); 
    } 
} 

Answer 1

Stellen Sie sicher, Sie RxJs Rohr Operator am Anfang

Import 'rxjs/utils/pipe'

Answer 2

Sie importiert haben mit dieser Import:

import { Observable } from 'rxjs/Observable'; 

Answer 3

Mak Sicher, dass Ihre lokale Version von rxjs ist^5.5.0