Angular 4 错误 : Template parse errors: There is no directive with "exportAs" set to "matAutocomplete"

Question

升级到 material 2.0.0 beta 11 现在我有这个错误，我该如何修复它

<mat-form-field> <input matInput
    placeholder="{{'hotel.detail.labels.city' | translate }}"
    [matAutocomplete]="tdAuto" name="city" #city="ngModel"
    [(ngModel)]="selected.city"
     (ngModelChange)="searchCity($event)"> </mat-form-field>
    <mat-autocomplete #tdAuto="mdAutocomplete">
        <mat-option (onSelectionChange)="setCity(city)"
            *ngFor="let city of cities" [value]="city.name">
        <div class="row"><span>{{city.name}} ({{city.province}})</span> <span><small>{{city.region}}</small></span>
            </div>
    </mat-option> </mat-autocomplete>

Answer 1

更新:

在您的模板中，您正在使用 mdAutocomplete。将其更改为 matAutocomplete。

这一行:

<mat-autocomplete #tdAuto="mdAutocomplete">

到:

<mat-autocomplete #tdAuto="matAutocomplete">

---

在 app.module 或您使用 Material 模块的模块中，检查它们是否带有前缀 Mat 而不是 Md。此外，模块 providers 条目中的 MATERIAL_COMPATIBILITY_MODE 提供程序。

在您的模块中导入以下内容:

import {MATERIAL_COMPATIBILITY_MODE} from '@angular/material';

然后，将其添加为提供者:

@NgModule({
  providers: [
    {provide: MATERIAL_COMPATIBILITY_MODE, useValue: true},
    // ...
  ],
})

查看此 CHANGELOG还有这个Prefix Updater .工作链接StackBlitz demo .