angular - mat-datepicker 添加 touchUI 条件

Question

我有一个 ionic 应用程序，我在其中使用了 Angular 的 mat-datepicker。我希望网络版本获得正常的日期选择器，并希望在移动设备上获得 touchUi 版本。我尝试将 *ngIf 用于 mat-date-picker 选择器，但我开始收到 'Cannot read property open of undefined'

       <mat-form-field class="day-datepicker">
           <input [(ngModel)]="FilterOptions.CreatedTo" disabled matInput [matDatepicker]="picker4">

            <mat-datepicker #picker4 *ngIf="_AppConfig.IsCordova" touchUi="true" disabled="false">
            </mat-datepicker>

            <mat-datepicker #picker4 *ngIf="!_AppConfig.IsCordova" disabled="false">
            </mat-datepicker>

        </mat-form-field>

Answer 1

您需要像下面这样更改您的代码。

<mat-form-field class="day-datepicker">
    <input [(ngModel)]="FilterOptions.CreatedTo" disabled matInput [matDatepicker]="picker4">
    <mat-datepicker-toggle matSuffix [for]="picker4"></mat-datepicker-toggle>
    <mat-datepicker #picker4 [touchUi]="_AppConfig.IsCordova" disabled="false"></mat-datepicker>
</mat-form-field>`