Сформирован ценность приоритета над заполнитель

Question

Моя проблема (очевидно) проста. Вот результат, которого я хотел бы достичь:

Мне удалось получить этот результат с помощью следующего кода (home.page.html):

<ion-item>
  <ion-label position="floating" color="primary">Type</ion-label>
  <ion-select formControlName="type" placeholder="Insert your type here...">
  </ion-select>
</ion-item>

Теперь, когда я добавляю опцию ion-selected-option для этого иона-выбора, например:

<ion-item>
  <ion-label position="floating" color="primary">Type</ion-label>
  <ion-select formControlName="type" placeholder="Insert your type here...">
    <ion-select-option *ngFor="let type of types" [value]="type">{{type}}</ion-select-option>
  </ion-select>
</ion-item>

, заполнитель заменяется значением первой опции-иона-выбранного при загрузке страницы.

Значения этих ion-selected-option объявлены в конструкторе моего home.page.ts следующим образом:

constructor(public formBuilder: FormBuilder){
    this.types = [
      "Advert",
      "OOH/POS simple",
      "OOH/POS complex",
      "Other"
    ];
  }

Answer 1

Я нашел ответ, посмотрев в своем formBuilder в home.page.ts, строка, которая вызвала такое поведение, была следующей:

 this.validations_form = this.formBuilder.group({
 ...
 type: new FormControl(this.types[0], Validators.required),
 ...
 })

Поэтому я заменил его на:

 type: new FormControl('', Validators.required),

И вот, я нашел заполнитель.