Angular 角度4错误：模板分析错误：没有带“的指令；exportAs"；设置为"；matAutocomplete“；

升级到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>

{{市.名}{{市.省}{{市.区}

更新：

在模板中，您使用的是

mdAutocomplete

。将其更改为

matAutocomplete

这一行：

<mat-autocomplete #tdAuto="mdAutocomplete">

然后，将其添加为提供程序：

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

---

看看这个和这个。链接到working。

我已经使用前缀更新程序并将此提供程序添加到app.module。您还需要导入

MatAutocompleteModule

，而不是

MdAutocompleteModule

，它不会更改

在此演示中共享您的代码：@Alessandro这是因为角度相关性已更新为angular 4.4.3:

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

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