不能綁定到「matDatepicker」，因爲它不是「輸入」的已知屬性 - 角

Question

我剛纔複製並粘貼角材料代碼日期選擇和輸入，但我得到這個錯誤的日期選擇器。

app.module

import {MaterialModule} from '@angular/material'; 
@NgModule({ 
imports: [ 
... 
MaterialModule 
] 

<md-input-container> 
    <input mdInput placeholder="Rechercher" [(ngModel)]="filterHistorique"> 
</md-input-container> 

<md-input-container> 
    <input mdInput [mdDatepicker]="picker" placeholder="Choose a date"> 
    <button mdSuffix [mdDatepickerToggle]="picker"></button> 
</md-input-container> 
<md-datepicker #picker></md-datepicker> 

這是我在我的瀏覽器有錯誤：

不能綁定到 'mdDatepicker'，因爲它不是 已知屬性'input'如果'md-datepicker'是一個Angular組件，那麼驗證它是否爲該模塊的一部分。 2.如果「MD-日期選擇器」是一個Web組件，然後添加「CUSTOM_ELEMENTS_SCHEMA」此組件 的「@ NgModule.schemas」打壓此消息。 （」 [錯誤 - >]

的錯誤是在日期選擇器，當我刪除它，這些錯誤在使用mat-datepicker消失

Answer 1

，你必須輸入MatDatepickerModule爲好，也MatNativeDateModule推薦太進口看文檔here

import { MaterialModule, MdDatepickerModule, MdNativeDateModule } from '@angular/material'; 
@NgModule({ 
    imports: [ 
    ... 
    MaterialModule,   // <----- this module will be deprecated in the future version. 
    MatDatepickerModule,  // <----- import(must) 
    MatNativeDateModule   // <----- import(optional) 
    ] 

提到：請避免使用MaterialModule因爲它將來會被棄用。

Answer 2

需要導入FormsModule和ReactiveFormsModule如果使用NgModule和formgroup。所以你app.module應該是這樣的

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

注：MaterialModule刪除。請改用單獨的模塊。 like MdDatepickerModule see here https://github.com/angular/material2/blob/master/CHANGELOG.md#200-beta11-carapace-parapet-2017-09-21