如何在 IONIC 页面上更改值时更新值？

Question

我在离子页面上显示一个 JSON 对象选项卡。初始化数据的显示效果很好，但是当我的 JSON 对象选项卡使用套接字 (.ts) 更新时，页面 (.html) 上的值不会更新。

我希望视图 (.html) 动态显示和更新我的 JSON 对象的当前值，而无需刷新页面。

mypage.ts：

joueurs = { "Steve" : { "name" : "Steve", "idgame" : "0000000" } };

constructor (private nav: NavController, private game: GameProvider, private alertCtrl: AlertController, private loadingCtrl: LoadingController, private socket: Socket, private toastCtrl: ToastController) {
    this.CreateSpeedGame();
}

  CreateSpeedGame(){
   ...
   ...
   //When event (socket.io) :
   //update this.joueurs with another data
   ...
   ...
  }

mypage.html： 我使用管道来显示 JSON 对象

<ion-item *ngFor="let j of joueurs | keys" >
      <ion-label>{{ j.key }}</ion-label>
</ion-item>

谢谢

Answer 1

在您的模块中导入 CommonModule 并将其用作

<ion-item>
    <ion-label>{{ joueurs | json  }}</ion-label>
</ion-item>

我不明白为什么它不会更新。