Issue with Angular Material Autocomplete component not displaying items after updating angular/material package to the latest version.
The autocomplete was functioning correctly with "@angular/material": "^2.0.0-beta.10" but encountered issues when updated to beta.11 version.
.html
<form class="example-form">
<mat-form-field class="example-full-width">
<input placeholder="Pick one" matInput [formControl]="myControl" [matAutocomplete]="auto">
<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let option of options" [value]="option">
{{ option }}
</mat-option>
</mat-autocomplete>
</mat-form-field>
</form>
.ts
import {Component} from '@angular/core';
import {FormControl} from '@angular/forms';
/**
* @title Simple autocomplete
*/
@Component({
selector: 'autocomplete-simple-example',
templateUrl: 'autocomplete-simple-example.html',
styleUrls: ['autocomplete-simple-example.css']
})
export class AutocompleteSimpleExample {
myControl: FormControl = new FormControl();
options = [
'One',
'Two',
'Three'
];
}