错误
There is no directive with "exportAs" set to "matAutocomplete" ("-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto">
我使用了来自 https://material.angular.io/components/autocomplete/overview 的代码
我还在 angular app.module.ts
中导入:
import {
MdAutocompleteModule,
} from '@angular/material';
HTML 组件
<form class="example-form">
<mat-form-field class="example-full-width">
<input type="text" placeholder="Pick one" aria-label="Number" 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>
ng--版本
@angular/cli: 1.2.1
node: 8.3.0
os: win32 x64
@angular/animation: 4.0.0-beta.8
@angular/animations: 4.3.3
@angular/cdk: 2.0.0-beta.8
@angular/common: 4.3.2
@angular/compiler: 4.3.2
@angular/core: 4.3.6
@angular/forms: 4.3.2
@angular/http: 4.3.2
@angular/material: 2.0.0-beta.8
@angular/platform-browser: 4.3.2
@angular/platform-browser-dynamic: 4.3.2
@angular/router: 4.3.2
@angular/cli: 1.2.1
@angular/compiler-cli: 4.4.3
@angular/language-service: 4.3.2
谁能提出为什么 angular 会提示。
最佳答案
要使用 mat-form-field
,您必须将 @angular/material
和 @angular/cdk
版本至少更新到 2.0.0-beta.12 .使用以下命令更新:
npm install @angular/cdk@2.0.0-beta.12
npm install @angular/material@2.0.0-beta.12
然后,您在 AppModule
中导入了以下内容:
import { MatAutocompleteModule, MatFormFieldModule } from '@angular/material';
@NgModule({
imports: [
....
MatAutocompleteModule,
MatFormFieldModule,
....
],
....
})
export class AppModule { }
这是一个有效的 StackBlitz demo 使用版本 2.0.0-beta.12
关于angular - 没有将 exportAs 设置为 matAutocomplete 的指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48579882/