角反應形式選擇默認值和對象ID

Question

我有一個帶有默認值的選擇器，實際上是選擇該選項的消息。 我有一個驗證此選項的問題，因為該字段與數據庫中另一個集合的對象ID（mongoose-express js）相關聯。

<div class="col-lg-6 form-group">
  <label for="professional_t">Assign professional</label>
  <select formControlName="professional_t" id="professional_t" name="professional_t" class="form-control">
    <option value="">Select Professional</option>
    <option *ngFor="let p of professionals" [value]="p._id"> {{ p.name}} </option>
  </select>
</div>

在組件中：

this.forma = new FormGroup({
  /* ... */
  'turno': new FormGroup({
    'date_t': new FormControl(null),
    'professional_t': new FormControl(''),
  })
})

如果我將其設置為null ，它可以工作，但不會在第一個實例中向我顯示該消息。

驗證錯誤：

professional_t:
    kind: "ObjectID"
    message: "Cast to ObjectID failed for value "" at path "professional_t""
    name: "CastError"
    path: "professional_t"

Answer 1

嘗試為默認選擇選項添加一些值，而不是將其保留為空白。

可能是您可以嘗試添加一些唯一的數字或字符串，然后以該字段的反應形式初始化該值。

例：

<div class="col-lg-6 form-group">
  <label for="professional_t">Assign professional</label>
  <select formControlName="professional_t" id="professional_t" name="professional_t" class="form-control">
    <option value="DefaultProfessionaValue">Select Professional</option>
    <option *ngFor="let p of professionals" [value]="p._id"> {{ p.name}} </option>
  </select>
</div>



this.forma = new FormGroup({
  /* ... */
  'turno': new FormGroup({
    'date_t': new FormControl(null),
    'professional_t': new FormControl('DefaultProfessionalValue'),
  })
})