未知2的md-datepicker-toggle元素 [英] Meterial 2 md-datepicker-toggle is not a known element

问题描述

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

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.

推荐答案

<md-datepicker-toggle>在材料 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，则使用<md-datepicker-toggle>会引发此错误.要更新到新版本，请执行以下操作:

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屋！