離子2列表沒有更新數據

Question

我想與Ionic 2一起使用Socket.io。我試圖在列表中顯示接收的數據，綁定到一個數組。我有以下代碼。

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> 

雖然我可以看到排列在瀏覽器的控制檯進行更新，名單沒有反映任何變化。我究竟做錯了什麼？任何建議，高度讚賞。

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