Question

我正在使用角度材料的输入，但出现此错误 ** src / app / modules / posts / posts.component.html：2：5中的错误-错误NG8001：“ mat-form-field”不是已知元素： 1.如果“ mat-form-field”是Angular组件，则请验证它是否属于此模块。 2.如果“ mat-form-field”是Web组件，则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”中以禁止显示此消息。

这是我的html代码

<form class="example-form">
    <mat-form-field class="example-full-width">
     Favorite food
      <input matInput >
    </mat-form-field>


  </form>

这是我的应用模块

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

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { DefaultModule } from './layouts/default/default.module';
import { MatTableModule } from '@angular/material/table';
import { HttpClientModule } from '@angular/common/http';
import {UserInfoService} from './services/user-info.service'
import {MatCardModule} from '@angular/material/card';
import {MatDialogModule} from '@angular/material/dialog';
import { PostsComponent } from './modules/posts/posts.component';
import {  MatFormFieldModule} from '@angular/material/form-field';
import {MatInputModule} from '@angular/material/input';

@NgModule({
  declarations: [
    AppComponent,



  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    DefaultModule,
    MatTableModule,
    HttpClientModule,
    MatCardModule,
    MatDialogModule,
    MatFormFieldModule,
    MatInputModule
  ],
  exports: [

    MatFormFieldModule,
    MatInputModule,

  ],
  providers: [UserInfoService],
  bootstrap: [AppComponent],
  entryComponents:[PostsComponent]
})
export class AppModule { }

我找不到适合的解决方案，您能帮我吗？

Answer 1

将FormsModule, ReactiveFormsModule,添加到imports部分。删除两个exports元素。

垫形场不是角度中的已知元素

1 个答案: