Question

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

<强>更新

在您的模板中，您使用的是<div> <table id="height_weight_table">。将其更改为mdAutocomplete。

这一行：

matAutocomplete

为：

<mat-autocomplete #tdAuto="mdAutocomplete">

在<mat-autocomplete #tdAuto="matAutocomplete">或您使用素材模块的模块中，检查它们的前缀是app.module而不是Mat。此外，模块Md条目中的MATERIAL_COMPATIBILITY_MODE提供程序。

在模块中导入以下内容：

providers

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

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

请参阅此CHANGELOG和此Prefix Updater。链接到工作StackBlitz demo。

Angular 4 Error：模板解析错误：没有将“exportAs”设置为“matAutocomplete”的指令

1 个答案: