Ionic select options do not update once something is removed

Ionic Framework
1

The problem is that i have two identical select on two different pages and once i delete the select option entry from a third page it gets removed from one of the pages but not from the other one.

Once i restart the app both selects get updated.

page 1: Where select options update.

<ion-select class="logo" [class]="this.global.device_text" [(ngModel)]="device" interface="popover"
        multiple="false" [selectedText]="this.global.selected_device_name"
        (ionChange)="this.function(device)">

   <ion-select-option *ngFor="let entry of this.global.device_name; let i=index;"
         [value]="this.global.device_name[i]">
         {{this.global.device_name[i]}}
   </ion-select-option>

</ion-select>

Page 2: Where options do not update;

 <ion-select [class]="this.global.arrow" [(ngModel)]="device"
        interface="popover" multiple="false" [selectedText]="this.global.selected_device_name"
        (ionChange)="this.function(device)">

    <ion-select-option [class]="this.global.arrow" *ngFor="let entry of this.global.device_name; let i=index;"
         [value]="this.global.device_name[i]">
         {{this.global.device_name[i]}}
     </ion-select-option>
</ion-select>

Ionic info is below.

Ionic:

   Ionic CLI                     : 5.2.3 (C:\Users\noman.shah\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.6.1
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   Cordova CLI       : 9.0.0
   Cordova Platforms : android 8.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 11 other plugins)

Utility:

   cordova-res : 0.6.0
   native-run  : 0.2.7

System:

   NodeJS : v10.15.2 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10
2

it is great if you do it inside a global file as create a global service and handle the select statement from this global file on your three different pages then it async remove the id from three pages

3

if you want demo code then fell free to ask

4

Hi, I have a global service as you can see for all the variables but what do you mean by handle the select statement from global file? I am doing the same thing which you mentioned, no?

I don’t know how to async remove, help will be appreciated.

5

@rapropos do you have any clue?