angular - 无法绑定(bind)到 'rangePicker'，因为它不是 'mat-date-range-input' 的已知属性

Question

我正在使用 Angular 日期范围选择器并遇到问题:
无法绑定(bind)到“rangePicker”，因为它不是“mat-date-range-input”的已知属性。

如果“mat-date-range-input”是一个 Angular 组件并且它有“rangePicker”输入，那么验证它是这个模块的一部分。

如果“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 - 不旧