无法绑定到“rangePicker”，因为它不是“mat-date-range-input”的已知属性

Question

我正在使用角度日期范围选择器并遇到问题：

无法绑定到“rangePicker”，因为它不是“mat-date-range-input”的已知属性。

1. 如果 'mat-date-range-input' 是一个 Angular 组件并且它有 'rangePicker' 输入，那么验证它是否是这个模块的一部分。
2. 如果 'mat-date-range-input' 是一个 Web 组件，则将 'CUSTOM_ELEMENTS_SCHEMA' 添加到该组件的 '@NgModule.schemas' 以抑制此消息。

我也在 app.module.ts 中添加了导入、导出、提供者：

imports: [
    MatNativeDateModule,
    MatDatepickerModule,
    FormsModule,
    ReactiveFormsModule
],
exports:[
  MatDatepickerModule,
  MatNativeDateModule
],
providers: [
  MatDatepickerModule,
  MatNativeDateModule,
]

html中的日期范围选择器：

<mat-form-field appearance="fill">
        <mat-label>Enter a date range</mat-label>
        <mat-date-range-input [rangePicker]="picker">
            <input matStartDate placeholder="Start date">
            <input matEndDate placeholder="End date">
        </mat-date-range-input>
        <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
        <mat-date-range-picker #picker></mat-date-range-picker>
</mat-form-field>

我应该在 module.ts 中添加任何其他内容吗？

Answer 1

据我了解，您必须拥有 @angular/material": "^10.0.2 - 不旧