角2コンストラクタngOnInit未定義のプロパティTypeScript

Question

（Firebase）データストアから返されたデータからオブジェクトの値を初期化しようとしています。返されるデータは見えますが、ローカル変数に代入することはできません。

import ProfileProvider from ../providers/profile 

@Component({...}) 
class Profile { 
userProfile:any 

constructor (public profileProvider: ProfilePRovider) {} 

ngOnInit() { 
    this.profileProvider.getUSerProfile().on ("value", function(snap) { 
    console.log(snap.val()); // this works, prints all my data correctly 
    this.userProfile = snap.val(); // this fails, "cannot set property userProfile of undefined" 
    } 
} 
} 

すべてのヘルプは高く評価され...私は自分自身に角度活字体、2及びFirebaseを教えていますので、これは「当たり前」質問かもしれません！ ありがとう！

Answer 1

thisはコンポーネント自体を参照していないためです。機能を結合したりfat arrow =>機能のいずれかを使用：

...getUserProfile().on('value', function(snap){ 
    }.bind(this)) 

または

...getUserProfile().on('value', snap => { 
    // this is properly bound here 
    });