文章/答案/技术大牛

发布

社区首页 >问答首页 >未知错误:由模块'AppModule‘导入的意外指令'MatFormField’。请添加@NgModule注释

问未知错误:由模块'AppModule‘导入的意外指令'MatFormField’。请添加@NgModule注释
EN

Stack Overflow用户

提问于 2018-11-20 10:43:51

回答 1查看 25.5K关注 0票数 18

我想使用角度材料日期选择器，但我得到了这个错误。

未知错误:由模块'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>

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 { }

angular-material

angular7

datepicker

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-20 16:49:20

要导入组件和指令等，您需要导入它们的模块，而不是实际的组件和指令。所以您需要导入MatFormFieldModule而不是MatFormField

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

import { AppComponent } from './app.component';
import { MatFormFieldModule } from '@angular/material/form-field';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MatFormFieldModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

票数 47

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53391255

复制

相似问题

问未知错误:由模块'AppModule‘导入的意外指令'MatFormField’。请添加@NgModule注释
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未知错误:由模块'AppModule‘导入的意外指令'MatFormField’。请添加@NgModule注释EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未知错误:由模块'AppModule‘导入的意外指令'MatFormField’。请添加@NgModule注释
EN