# Ion-select doesn't update view after underlying array change

**URL:** <https://forum.ionicframework.com/t/ion-select-doesnt-update-view-after-underlying-array-change/192588>\
**Category:** Ionic Framework\
**Created:** [July 11, 2020, 3:47am UTC](https://forum.ionicframework.com/t/ion-select-doesnt-update-view-after-underlying-array-change/192588 "2020-07-11T03:47:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Roye](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/roye/32/119133_2.png) [@Roye](https://forum.ionicframework.com/u/Roye)\
**Post date:** [July 11, 2020, 3:47am UTC](https://forum.ionicframework.com/t/ion-select-doesnt-update-view-after-underlying-array-change/192588/1 "2020-07-11T03:47:49Z")

</div>

When an underlying array is updated of an ion-select, the ion-select UI doesn’t change the item showing in the ion-select. Clicking on the ion-select brings the correct list with the removed item.  
When using the same code with select/option instead of ion-select/ion-select-option the behavior is correct.

To reproduce the issue, use a blank template with angular, and place the following:  
home.page.ts:  
import { Component } from ‘@angular/core’;

@Component({  
selector: ‘app-home’,  
templateUrl: ‘home.page.html’,  
styleUrls: [‘home.page.scss’],  
})  
export class HomePage {  
items = [‘a1’, ‘a2’, ‘a3’];  
itemId;  
constructor() {}  
delItem(){  
this.items.splice(this.itemId, 1);  
}  
}

home.page.html:  
\<ion-header [translucent]=“true”\>  
\<ion-toolbar\>  
\<ion-title\>  
Blank  
\</ion-title\>  
\</ion-toolbar\>  
\</ion-header\>

\<ion-content [fullscreen]=“true”\>

\<ion-select [(ngModel)]=“itemId” placeholder=“Select item” interface=“alert”\>  
\<ion-select-option \*ngFor=“let item of items; let i=index” [value]=“i”\>{{i}} : {{item}}\</ion-select-option\>  
\</ion-select\>  
\<select [(ngModel)]=“itemId” placeholder=“Select item” interface=“alert”\>  
\<option \*ngFor=“let item of items; let i=index” [value]=“i”\>{{i}} : {{item}}\</option\>  
\</select\>  
\<ion-button [disabled]=“itemId == null” (click)=“delItem()”\>Delete {{itemId}}\</ion-button\>  
\</ion-content\>

---

<div class="post-metadata">

**Author:** ![Roye](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/roye/32/119133_2.png) [@Roye](https://forum.ionicframework.com/u/Roye)\
**Post date:** [July 12, 2020, 4:24am UTC](https://forum.ionicframework.com/t/ion-select-doesnt-update-view-after-underlying-array-change/192588/2 "2020-07-12T04:24:55Z")

</div>

Trying mat-select ( angular material ), works as expected. Another hint that ion-select has an issue/bug.