Ionic select options do not update once something is removed

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]="" [(ngModel)]="device" interface="popover"
        multiple="false" [selectedText]=""

   <ion-select-option *ngFor="let entry of; let i=index;"


Page 2: Where options do not update;

 <ion-select [class]="" [(ngModel)]="device"
        interface="popover" multiple="false" [selectedText]=""

    <ion-select-option [class]="" *ngFor="let entry of; let i=index;"

Ionic info is below.


   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 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)


   cordova-res : 0.6.0
   native-run  : 0.2.7


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

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

if you want demo code then fell free to ask

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.

@rapropos do you have any clue?