Question

您好，我是angular的初学者，我想在我的应用程序中使用基本的Inputs字段，我在下面的博客中关注了我的要求https://material.angular.io/components/input/overview，但是当我运行代码时却出现了错误

Template parse errors:
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the

下面我给了我的stackblizz链接，请帮助我在哪里做错了

https://stackblitz.com/edit/angular-ux8kqk

Answer 1

您尚未在MatInputModule中导入.module.ts

在您的app.module.ts

中进行以下更改

import {MatInputModule} from '@angular/material/input';

imports : [
 // Other modules
 MatInputModule
]

Answer 2

您需要同时从{p> 1导入MatInputModule

 import {MatInputModule} from '@angular/material/input';

以及

中的MatFormFieldModule

 import {MatFormFieldModule} from '@angular/material/form-field';

在

@NgModule({
  imports:      [ BrowserModule, FormsModule,MatInputModule, MatFormFieldModule ],
  declarations: [ AppComponent, HelloComponent ],
  bootstrap:    [ AppComponent ]
})

在app.module.ts中。

MatFormFieldModule用于<mat-form-field></mat-form-field>， MatInputModule用于输入/文本区域中使用的matInput。工作中 demo

角度应用程序中的材质设计问题

2 个答案: