angular - NgxMatDatetimePicker 不可分配到类型 MatDatepickerBase

Question

今天我使用 创建了一个新的 Angular 项目 Angular 11.0.0 .然后我安装了 @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",
...

我的所有代码都运行良好，除了在我定义的 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>

我可以通过在 中更改此属性来禁用 Angular 标记此验证错误(并使我的项目运行良好)。 tsconfig.json 文件:

"angularCompilerOptions": {
    ...
    "strictTemplates": false
}

但是，我希望通过 "strictTemplates": true 获得验证优势。 .
我是否遗漏了什么，或者你们能在这个错误得到修复时告诉我吗？

Answer 1

在这种情况下，您必须明确禁用严格的模板检查，您可以使用 $any() 模板函数:

<input matInput [ngxMatDatetimePicker]="picker" placeholder="Choose a date"
       formControlName="scheduledStartDateTime" 
       [min]="minDate" 
       (dateChange)="dateUpdated()" >
<mat-datepicker-toggle matSuffix [for]="$any(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>