Хотя я уже импортировал эти 3 модуля ( FormsModule, MatFormFieldModule, BrowserModule,
) появляется ошибка.
import { CUSTOM_ELEMENTS_SCHEMA, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import {MatFormField, MatFormFieldModule, MatLabel} from '@angular/material/form-field';
@NgModule({
declarations: [
AppComponent,
DialogComponent,
],
imports: [
MatFormFieldModule,
FormsModule,
MatLabel
],
providers: [],
bootstrap: [AppComponent],
schemas:[NO_ERRORS_SCHEMA]
})
export class AppModule { }
Ошибка:
Ошибка: src/app/dialog/dialog.component.html:36:9 - ошибка NG8001: 'mat-label' не является известным элементом: 1. Если «mat-label» является компонентом Angular, убедитесь, что он является частью этого модуля. 2. Если «mat-label» является веб-компонентом, добавьте «CUSTOM_ELEMENTS_SCHEMA» в «@NgModule.schemas» этого компонента, чтобы подавить это сообщение. 36 комментариев
Я отредактирую код с помощью imports. Пожалуйста, посмотрите на него.
Хорошо, я попробую @AndrewAllen
Я пробовал @AndrewAllen, но нет ничего под названием MatLabelModule. stackoverflow.com/q/74968344/16349670 вот еще одна проблема, не могли бы вы оказать мне поддержку? я все еще борюсь
@NimashaMadhushani, извините, неправильно подумал, вы правы, но нет необходимости импортировать MatLabel. Ответ Бехрама должен работать. Пожалуйста, предоставьте минимальный воспроизводимый пример, который дает ошибку
@AndrewAllen спасибо за поддержку, я решил проблему. Я добавлю это как ответ ниже.
С этим модулем вам также потребуется импортировать «MatInputModule».
вы можете проверить ниже образец модуля для справки:
// common-widgets.module.ts
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
@NgModule({
imports: [
MatFormFieldModule,
MatInputModule
]
})
export class CommonWidgetsModule { }
пожалуйста, посмотрите на отредактированный вопрос. Я уже правильно импортировал модули
Не могли бы вы попробовать, как показано ниже:
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { MatFormFieldModule } from '@angular/material/form-field';
@NgModule({
declarations: [
AppComponent,
DialogComponent
],
imports: [
BrowserModule,
FormsModule,
MatFormFieldModule
],
providers: [],
bootstrap: [AppComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule { }
Это не работает для меня. Я пробовал со схемами: [CUSTOM_ELEMENTS_SCHEMA] также
Я просто заменяю весь свой код на ваш. то работает нормально. спасибо @Behram
Здесь я просмотрел ответ @Behram и исправил свою проблему. DialogComponent — это настраиваемый компонент, реализованный мной, и мне нужно импортировать путь сюда, чтобы объявить компонент в объявлениях.
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { MatFormFieldModule } from '@angular/material/form-field';
import { AppComponent } from './app.component';
import { DialogComponent } from './dialog/dialog.component';
@NgModule({
declarations: [
AppComponent,
DialogComponent
],
imports: [
BrowserModule,
FormsModule,
MatFormFieldModule
],
providers: [],
bootstrap: [AppComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule {}
Как вы их импортировали?