Я пытаюсь использовать Angular Материал в моем Angular приложении, я работаю с Angular 9 и Angular материалом 10
Определение модуля, в котором мне нужно использовать это компонент:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { TranslateModule } from '@ngx-translate/core';
import { CommonUtilsModule } from '../common-utils/common-utils.module';
import { BrowserModule } from '@angular/platform-browser';
import { CustomDatepickerComponent } from './custom-datepicker/custom-datepicker.component';
import {MatFormFieldModule} from "@angular/material/form-field";
import {MatDatepickerModule} from "@angular/material/datepicker";
/**
* The ngModule for Graphical components management
*/
@NgModule({
declarations: [CustomDatepickerComponent],
imports: [
CommonModule,
BrowserModule,
FormsModule,
TranslateModule,
CommonUtilsModule,
MatFormFieldModule,
MatDatepickerModule
],
exports: [CustomDatepickerComponent]
})
export class GraphicsModule { }
Это HTML:
<mat-form-field appearance="fill">
<mat-label>Input & change events</mat-label>
<input matInput [matDatepicker]="picker"
(dateInput)="addEvent('input', $event)" (dateChange)="addEvent('change', $event)">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
Это ошибка:
ОШИБКА в директиве ɵangular_material_src_material_datepicker_datepicker_a в C: / Пользователи /project/src/main/webapp/node_modules/@angular/material/datepicker/index.d.ts не имеет селектора, добавьте его!
Спасибо за вашу помощь