材质 2 md-datepicker-toggle 不是已知元素 [英] Meterial 2 md-datepicker-toggle is not a known element

问题描述

在我的 html 中导入 MdDatepickerModule 和 MdNativeDateModule 后:

After import MdDatepickerModule and MdNativeDateModule, in my 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 不是已知元素.

And it has error that: oc-datepicker-toggle is not a known element.

推荐答案

是在 Material 2.0.0-beta.10 中引入的.请参阅此 更改日志 了解更多详情.

<md-datepicker-toggle> was introduced in Material 2.0.0-beta.10. See this CHANGELOG for more details.

mdDatepickerToggle 现在是一个元素 <md-datepicker-toggle > 带有 for指向 MdDatepicker 实例的属性.

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

如果您使用的是 Material 2 的早期版本，则使用 将引发此错误.要更新到新版本，请执行以下操作:

If you are using an earlier version of Material 2, then using <md-datepicker-toggle> will throw this error. To update to the new version, do the following:

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

• In your package.json, change "@angular/material" and "@angular/cdk" version to "2.0.0-beta.10"
• In your terminal window, navigate to the folder in your project where package.json is located.
• Run the command npm install

这是使用版本的工作演示2.0.0-beta.10.

Here is a working demo using version 2.0.0-beta.10.

这篇关于材质 2 md-datepicker-toggle 不是已知元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！