Question

我正在尝试从（Firebase）数据存储返回的数据初始化对象的值。我可以看到返回的数据，但我无法将其分配给局部变量。我正在教自己TypeScript，Angular 2和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"
   }
 }
}

任何帮助表示赞赏！谢谢！

Answer 1

这是因为this没有引用组件本身。绑定函数或使用fat arrow =>函数：

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

或

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

Angular 2构造函数ngOnInit未定义属性TypeScript

1 个答案: