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

Question

我在离子页面上显示一个JSON对象选项卡。显示可以正常工作初始化数据，但是当我的 JSON 对象选项卡使用套接字 (.ts( 更新时，页面上的值不会更新 (.html(。

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

我的页面 ：

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
   ...
   ...
  }

我的页面.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>

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