Как добавить заполнитель внутри поля выбора с помощью formcontrol?

Question

Мне нужно показать местозаполнитель в окне выбора, но я не могу этого сделать.

Я пробовал какое-то значение параметра с отключением, но оно не сработало

<div class="input-group">
  <select class="form-control" formControlName="bloodgroup">
    <option value="" disabled selected>Select your option</option>
    <option value="A+">A+</option>
    <option value="O+">O+</option>
    <option value="B+">B+</option>
    <option value="AB+">AB+</option>
    <option value="O-">O-</option>
    <option value="B-">B-</option>
    <option value="AB-">AB-</option>
  </select>
</div>

Answer 1

Попробуй так:

HTML:

<select class="form-control" formControlName="bloodgroup">
    <option [ngValue]="null" disabled selected>Select your option</option>
    <option [ngValue]="A+">A+</option>
    <option [ngValue]="O+">O+</option>
</select>

TS:

form = new FormGroup({
  bloodgroup: new FormControl(null, Validators.required)
});