Question

错误

＆＃34; exportAs＆＃34;没有指令设置为＆＃34; matAutocomplete＆＃34; （＆＃34; -label =＆＃34; Number＆＃34; matInput [formControl] =＆＃34; myControl＆＃34; [matAutocomplete] =＆＃34;自动＆＃34;＆GT;

我使用了https://material.angular.io/components/autocomplete/overview

中的代码

我还在角度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>

纳克 - 版本

@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

任何人都可以建议为什么有角度抱怨。

Answer 1

要使用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 { }

以下是使用版本 2.0.0-beta.12 的正常工作{{3}

exportAs设置为matAutocomplete时没有指令

1 个答案: