我在我的应用程序中包含角度材料的日期选择器时遇到问题。
在我的 app.module.ts 我这样导入它:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { MatFormFieldModule, MatCheckboxModule, MatDatepickerModule } from '@angular/material';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
NgbModule.forRoot(),
FormsModule,
AppRoutingModule,
RoutingAppointment,
MatFormFieldModule,
MatCheckboxModule,
MatDatepickerModule
],
exports:[
MatDatepickerModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
后来在我的 html 组件中,我将其称为如下(角度材料文档的粘贴副本):
<mat-form-field>
<input matInput [matDatePicker]="picker" placeholder="DD/MM/YYYY">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
但是它给了我错误:
无法绑定到“matDatePicker”,因为它不是“输入”的已知属性
有谁知道我做错了什么?
固定的。在 html 中,属性的名称拼写错误。
它不是
[matDatepicker]
正确的形式,而是[matDatePicker]
大写的 P,这是不正确的。傻得像一架三角钢琴。
听起来您还没有导入相应的模块:
您必须在
MatMomentDateModule
(取决于moment.js
)和MatNativeDateModule
(将使用本Date
机 Javascript 类)之间进行选择。另一方面,确保您还导入
FormsModule
了 and (取决于您创建的表单类型)ReactiveFormsModule
。好吧,在这里找到更多信息(英文)