列表未定義angular2

Question

我在組件內部聲明了一個變量，如下所示：

public listings: ListingSeller[];

正在從api獲取數據，並在OnInit中使用foreach將數據推送到上述數組，但它表示清單未定義。

 this.eventService.getListingsByEventId(this.eventId).subscribe(listresults => {
            this.bindListing(listresults);
        }, error => this.errorMessage = error);
    }
    bindListing(listres: any[]) {
        listres.forEach(function (data) {
            data.ticket.seating.forEach(function(seat:any) {
                this.listings.push(data);
            });
        })
    }

Answer 1

您已定義類型，但未創建實例，因此您仍無法推送到該實例，因為該引用仍未定義。

public listings: ListingSeller[] = [];

將解決問題。 （添加= []; ），因為這將創建一個空數組。

另外你需要使用一個箭頭的功能 ，使this指向該代碼正在執行中，而不是瀏覽器窗口中正確的實例。

this.eventService.getListingsByEventId(this.eventId).subscribe(listresults => {
            this.bindListing(listresults);
        }, error => this.errorMessage = error);
    }
    bindListing(listres: any[]) {
        listres.forEach((data) => { // use arrow function HERE
            data.ticket.seating.forEach((seat:any) => { // AND HERE
                this.listings.push(data);
            });
        })
    }