Привет, я новичок в angular, и я хочу использовать поля основных входных данных материала в своем приложении, и я следил за приведенным ниже блогом, чтобы выполнить свое требование 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, пожалуйста, помогите мне, где я сделал ошибку
вам следует импортировать MatFormFieldModule в app.module.ts
Вы не импортировали MatInputModule
в свой .module.ts
Внесите следующие изменения в ваш app.module.ts
import {MatInputModule} from '@angular/material/input';
imports : [
// Other modules
MatInputModule
]
Куда мне импортировать это, не могли бы вы четко объяснить?
проверьте свой обновленный демонстрация. Для получения дополнительной информации см. Документы по Angular Шаг 3.
вам нужно будет импортировать оба 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.
работающий
демонстрация