今天我使用Angular 11.0.0创建了一个新的 Angular 项目。然后我安装了@angular-material-components/datetime-picker,这是我的 package.json 文件中读取的内容的一部分:
...
"@angular/core": "~11.0.0",
"@angular/material": "^11.0.0",
"@angular/animations": "~11.0.0",
...
"@angular-material-components/datetime-picker": "^4.0.5",
...
Run Code Online (Sandbox Code Playgroud)
除了在我的 HTML 中定义mat-datepicker-toggle引用ngx-mat-datetime-picker. 我收到以下错误:
error TS2322: Type 'NgxMatDatetimePicker<any>' is not assignable to type 'MatDatepickerBase<MatDatepickerControl<any>, any, any>'.
这是我的 HTML 代码:
<input matInput [ngxMatDatetimePicker]="picker" placeholder="Choose a date"
formControlName="scheduledStartDateTime"
[min]="minDate"
(dateChange)="dateUpdated()" >
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<ngx-mat-datetime-picker #picker [showSpinners]="true" [showSeconds]="false"
[stepHour]="1" [stepMinute]="1" [stepSecond]="1"
[touchUi]="false" [enableMeridian]="false"
[disableMinute]="false" [hideTime]="false">
</ngx-mat-datetime-picker>
Run Code Online (Sandbox Code Playgroud)
我可以通过在tsconfig.json文件中更改此属性来禁用 Angular 标记此验证错误(并使我的项目运行良好):
"angularCompilerOptions": {
...
"strictTemplates": false
} …Run Code Online (Sandbox Code Playgroud)