角度2の "_this is undefined"を解決する方法

Question

firebaseデータベースから項目を取得してリストに入れることでリストを作成しようとしています。私はfirebaseからわずか3項目をつかんでいます。ここ

this.angFire.database.list('/SpareParts', { 
    query: { 
    orderByChild: '', 
    limitToFirst: this.limit // this is a BehaviorSubject<number>(3) 
    } 
}).subscribe(items => items.forEach(item => function f(j) { 
    setTimeout(() => { 
    console.log('timeout'); 
    this.items.push(item); 
    if (--j) f(j); 
    }, 3000) 
}.bind(this)(3))); 

：周りの検索多くの後、私は私のコードでは、このポイントに到達しました。コードはある意味では機能します。 、私はエラー

this is undefined

になっていたこの前

_this is undefined

：それは、リスト内で同時に3つのアイテムをプッシュし、それが行わだ後、それはエラーでクラッシュし、setTimeoutをを通過します

私はまだ動作しなかった.bind関数を使用しました。

これについてアドバイスをいただければ幸いです。ありがとうございました。

Answer 1

これは関数外の変数として格納し、その参照を使用してコンポーネントを参照します。

var self = this; // <-- store here 
this.angFire.database.list('/SpareParts', { 
    query: { 
    orderByChild: '', 
    limitToFirst: this.limit // this is a BehaviorSubject<number>(3) 
    } 
}).subscribe(items => items.forEach(item => function f(j) { 
    setTimeout(() => { 
    console.log('timeout'); 
    self.items.push(item); // <-- use here 
    if (--j) f(j); 
    }, 3000) 
}.bind(this)(3)));