UI doesn't update components values


#1

Hello,

I have a card like this:

<ion-card>
  <ion-card-header>
    House
  </ion-card-header>
  <ion-card-content>
    Priority: {{priority}}
    <br>
   house name: {{HouseName}}
    <br>
    Distance: {{distance}} m
  </ion-card-content>
</ion-card>

and I have a static function that get triggered from a singleton object :

static function in HomePage.ts:

    static updateUpcomingHouseCard(upcomingHouse: House,point: Point, distance: number){
    HomePage.staticZone.run(()=>{
    HomePage.upcomingHousePriority = Database.upcomingHousePriority;
    HomePage.upcomingHouseName = upcomingHouse.getName;
    HomePage.userLocation = point;
    HomePage.distance = distance;
    });
    }

and the singleton call this function :

HomePage.updateHouseCard(House,point,distance);

but it doesn’t update the UI!!!