Проблема проектирования материалов в угловых приложениях

Question

Привет, я новичок в угловых и хочу использовать поля «Основные входные данные» в своем приложении, и я следовал за блогом ниже, чтобы выполнить мое требование 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 из

 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 используется в input / textarea. за работой демо

Answer 2

Вы не импортировали MatInputModule в вашем .module.ts

Внесите следующие изменения в app.module.ts

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

imports : [
 // Other modules
 MatInputModule
]