javascript - Ionic 2 列表未更新数据

Question

我正在尝试将 Socket.io 与 Ionic 2 一起使用。我正在尝试在列表中显示接收到的数据，并绑定(bind)到一个数组。我有以下代码。

this.socket.on('Message', function(data){
  console.log("Received: " + data);
  this.messages.push(data);
})

HTML 看起来像，

<ion-content padding>
  <ion-list>
    <ion-item *ngFor="let msg of messages">
      {{ msg }}
    </ion-item>  
  </ion-list>
</ion-content>

虽然我可以在浏览器的控制台中看到正在更新的数组，但列表并未反射(reflect)任何更改。我究竟做错了什么？非常感谢任何建议。

Answer 1

使用箭头函数 () =>，否则 this. 不会指向您当前的类实例。

this.socket.on('Message', (data) => {
  console.log("Received: " + data);
  this.messages.push(data);
})

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions