Angular 8 ng-reflect-model 顯示正確的日期值但未反映在輸入中

Question

使用

<div class="ui-g-12 ui-md-12">
  <input
    id="licenseForEdit.issuedDate"
    type="date"
    name="licenseForEdit.issuedDate"
    pInputText
    placeholder="License Issued Date"
    [(ngModel)]="licenseForEdit.issuedDate"
    required
    [class.field-error]="form.submitted && !licenseForEdit.issuedDate"
  />
</div>

我得到：

<input _ngcontent-atp-c10="" id="licenseForEdit.issuedDate" name="licenseForEdit.issuedDate" pinputtext="" placeholder="License Issued Date" required="" type="date" ng-reflect-required="" ng-reflect-name="licenseForEdit.issuedDate" ng-reflect-model="2019-01-01T00:00:00" class="ng-pristine ng-valid ng-touched">

然而，輸入字段仍然存在： 如何讓模型的值顯示在輸入框中？ 我懷疑這是一個數據綁定問題，但是......

Answer 1

首先請檢查格式是否正確。

在此處查找 MDN 的參考資料。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date 。

如果出於顯示目的需要轉換該值，請使用 pipe。

https://angular.io/guide/pipes