无法绑定到'matDatePicker'因为不是"input"的属性，尽管导入了所有内容

Question

我正在尝试将一个非常基本的日期选择器集成到我的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'，因为它不是'input'的已知属性

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

import { MatNativeDateModule, MatDatepickerModule,  } from '@angular/material';
@NgModule({
declarations: [
HomeComponent
],
imports: [
MatDatepickerModule,
MatNativeDateModule,
FormsModule,
ReactiveFormsModule
]
})

尽管如此，我仍然收到完全相同的错误消息。我在TS文件中忘记了什么吗?我必须包括我的"出口类"后的东西吗?还是这种类型的操作与我的Angular版本不兼容?如有任何帮助，不胜感激。

Answer 1

您是否尝试更改材料模块导入到此?

import {MaterialModule} from '@angular/material';
@NgModule({
imports: [
MdDatepickerModule,        
MdNativeDateModule,
FormsModule,
ReactiveFormsModule
]
})

有关

的详细信息，请参阅本文。因为它说MaterialModule Removed。请使用单独的模块。希望这对你有帮助。