始终需要反应形式的 Angular 4 DatePicker 的 ngBootstrap

Question

使用响应式表单我添加了 ngbDatePicker：

<input type="text"
        id="business_incorp_date"
        class="form-control"
        formControlName="business_incorp_date"
        ngbDatepicker
        #incorporatedDatePicker="ngbDatepicker"
        (click)="incorporatedDatePicker.toggle()"
        readonly>

对于表单模型：

this.form = this.formBuilder.group({
  id: [
    0, [Validators.required]
  ],

  // ... removed for brevity

  business_type: [
    '', [Validators.required]
  ],
  business_incorp_date: [
    '', [FormValidators.date] // <-- NOT REQUIRED BY MODEL
  ],
  business_desc: [
    '', [Validators.required]
  ]

  // ...
});

但是，如果该字段为空，对于 ngbDateFormat，它仍然是 ngInvalid：

{ "ngbDate": { "invalid": { "year": null, "month": null, "day": null } } }

有人知道如何让 DatePicker 字段允许空字符串吗？

Answer 1

@pkozlowski.opensource 通过github issue 提供的答案指出必须将模型设置为 null 以避免对可选字段进行验证。