В моем проекте angular 4 у меня проблема с автозаполнением материалов. Когда я что-то набираю, и компонент показывает предложения, если я прокручиваю страницу, я вижу панель предложений, не связанную с полем автозаполнения, как вы видите на картинке. Но в Material-Autocomplete у меня нет этой проблемы.
Это мой код:
<mat-form-field>
<input matInput placeholder="{{'customer.detail.labels.country'
| translate }}" required [matAutocomplete]="tdAuto" name="country" #country="ngModel" [(ngModel)]="selected.country"
(ngModelChange)="searchCountry($event)"> </mat-form-field>
<mat-autocomplete #tdAuto="matAutocomplete" [displayWith]="displayFn">
<mat-option (onSelectionChange)="setCountry(country)" *ngFor="let country of countries" [value]="country">
<div class="row">
<img src="assets/img/flags24/{{country.alpha2Code | lowercase}}.png" />
<span>{{country.name}} ({{country.alpha2Code}})</span>
</div>
</mat-option>
</mat-autocomplete>
<mat-form-field>
должен быть вокруг всего автозаполнения, а не только ввода. Хотя не уверен, что это исправит - person Shadowlauch   schedule 08.01.2018