Question

我在离子页面上显示JSON对象选项卡。显示与初始化数据一起工作正常，但是当使用套接字（.ts）更新我的JSON对象选项卡时，页面上的值不会更新（.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： 我使用Pipe来显示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>

我不知道为什么它不会更新。

如何在IONIC页面上更改值？

1 个答案: