-1

我正在尝试将一个非常基本的日期选择器集成到我的 Angular 项目中。Angular CLI 版本是 6.2.9。

我的 HTML 直接取自 Angular 文档。

<mat-form-field appearance="fill">
    <mat-label>Choose a date</mat-label>
    <input matInput [matDatepicker]="picker">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

这返回了一个错误说

无法绑定到“matDatepicker”，因为它不是“输入”的已知属性

快速搜索后，我发现这个问题告诉我要包含一些导入，我确实将以下内容添加到我的 TS 代码的最顶部。

import { MatNativeDateModule, MatDatepickerModule,  } from '@angular/material';

@NgModule({
  declarations: [
    HomeComponent
  ],
  imports: [
    MatDatepickerModule,
    MatNativeDateModule,
    FormsModule,
    ReactiveFormsModule
  ]
})

尽管如此，我仍继续收到完全相同的错误消息。我是否忘记了 TS 文件中的其他内容？我必须在我的“出口课程”之后加入一些东西吗？还是这种类型的操作与我的 Angular 版本不兼容？任何帮助表示赞赏。

4

1 回答 1

1

您是否尝试过将材料模块导入更改为此？

import {MaterialModule} from '@angular/material';
@NgModule({

imports: [
    MdDatepickerModule,        
    MdNativeDateModule,
    FormsModule,
    ReactiveFormsModule
  ]
})

有关详细信息，请参阅本文

因为它说 MaterialModule Removed。请改用单独的模块。希望这会有所帮助。

于 2021-08-18T00:07:57.733 回答