Ion-select inside FormArray, close after select


#1

I’m trying to close out the select after clicking on the option, I can do it with a normal select, but can’t figure it out with a FormArray.

    <ion-col col-12 formArrayName="contacts">
      <ion-row *ngFor="let contact of personalInfoStep4Form.get('contacts').controls; let i=index" [formGroupName]="i">
        <ion-col col-4 no-padding>
          <ion-item class="custom-selection">
            <ion-select formControlName="name" #phoneType [selectOptions]="phoneSelectOptions">
              <ion-option *ngFor="let type of phoneTypeOptions" (ionSelect)="closeAndSaveAppIncomeSelect(i, type.value)" [value]="type.value">{{type.name}}</ion-option>
            </ion-select>
          </ion-item>
        </ion-col>
        <ion-col no-padding>
          <ion-item class="custom-input-field">
            <ion-input [(ngModel)]="i.number" type="text" formControlName="number"></ion-input>
          </ion-item>
        </ion-col>
      </ion-row>
    </ion-col>