Material 2 md-datepicker-toggle 不是已知元素

Meterial 2 md-datepicker-toggle is not a known element

导入 MdDatepickerModuleMdNativeDateModule 后,在我的 html:

<input mdInput [mdDatepicker]="startPicker" placeholder="Choose a date">
<md-datepicker-toggle mdSuffix [for]="startPicker"></md-datepicker-toggle>
<md-datepicker #startPicker></md-datepicker>

错误是:oc-datepicker-toggle 不是已知元素。

<md-datepicker-toggle> 是在 Material 2.0.0-beta.10 中引入的。有关详细信息,请参阅此 CHANGELOG

mdDatepickerToggle is now an element < md-datepicker-toggle > with a for property that points to the MdDatepicker instance.

如果您使用的是 Material 2 的早期版本,那么使用 <md-datepicker-toggle> 将抛出此错误。要更新到新版本,请执行以下操作:

  • 在您的 package.json 中,将 "@angular/material""@angular/cdk" 版本更改为 "2.0.0-beta.10"
  • 在您的终端 window 中,导航到项目中 package.json 所在的文件夹。
  • 运行命令npm install

这里是 working demo 使用版本 2.0.0-beta.10。