禁用輸入后，Angular Material matDatepicker不適用於ngForm ngSubmit

Question

我在Angular Material matDatepicker上遇到問題。

我發現，如果要在其上使用Disabled屬性，則在使用ngSubmit時無法獲得結果值。

表示此代碼有效：

    <mat-form-field>
      <input matInput [matDatepicker]="picker" required
        ngModel #datePress="ngModel" 
        name="datePress">
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>
    </mat-form-field>

但這不起作用：

    <mat-form-field class="full-width">
      <input matInput [matDatepicker]="datepicker2" required disabled
        ngModel #newTourEndDate="ngModel"
            name="newTourEndDate">
      <mat-datepicker-toggle matSuffix [for]="datepicker2"></mat-datepicker-toggle>
      <mat-datepicker #datepicker2 disabled="false"></mat-datepicker>
    </mat-form-field>

有沒有機會將disable屬性與matDatePicker和ngForm一起使用？

Answer 1

要獲得禁用的輸入值，您需要使用類似以下內容的方法：

this.formGroup.getRawValue();
this.form.getRawValue();
this.form.form.getRawValue();