Estoy tratando de usar el componente de autocompletar del material aquí es mi

HTML

 <md-input-container> <input mdInput placeholder="State" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete>

xyz.componente.ts

 import {Component} from '@angular/core'; import {FormControl} from '@angular/forms'; import 'rxjs/add/operator/startWith'; @Component({ moduleId: module.id, selector: 'importer', templateUrl: 'importer.html', styleUrls: ['importer.scss'] }) export class ImporterComponent { stateCtrl: FormControl; filteredStates: any; states = [ 'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', ]; constructor() { this.stateCtrl = new FormControl(); this.filteredStates = this.stateCtrl.valueChanges .startWith(null) .map(name => this.filterStates(name)); } filterStates(val: string) { return val ? this.states.filter(s => new RegExp(`^${val}`, 'gi').test(s)) : this.states; } }

No puedo ver ningún autocompletar. No tengo errores en el código. No tengo errores en la consola ni en la terminal, pero cuando actualizo mi página no veo nada. No me carga la página. sólo una página en blanco. No estoy seguro de cómo resolverlo. He visto que anteriormente estaba en desarrollo, pero ahora que lo han puesto a disposición en el sitio como un componente, estoy seguro de que debería funcionar. Necesito saber si me estoy perdiendo algo.