小编the*_*han的帖子

未捕获的错误:模块'AppModule'导入了意外的指令'MatFormField'。请添加@NgModule批注

我想使用“角度材料日期”选择器,但出现此错误。

未捕获的错误:模块'AppModule'导入了意外的指令'MatFormField'。请添加一个@NgModule批注。

app.component.html

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import {MatFormField} from '@angular/material';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MatFormField
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
Run Code Online (Sandbox Code Playgroud)

datepicker angular-material angular7

8
推荐指数
1
解决办法
8405
查看次数

标签 统计

angular-material ×1

angular7 ×1

datepicker ×1