来自Angular 2的facebook api的数据绑定

Question

我正在尝试绑定从facebook api登录后通过facebook获取的用户名和图片网址到angular2模板中的html但是它没有得到解决。任何人都有解决方案，

facbooklogin.component.ts

      FB.api('/me',function(response){
            this.username= response.name;
      });

      FB.api(
        "/"+resp.authResponse.userID+"/picture",
        function (response) {
        if (response && !response.error) {
            this.profileImg=response.data.url;
        }
      });

facebooklogin.component.html

<img  *ngIf="authorized" [src]="profileImg">
            <h2>Hello {{username}}</h2>

Answer 1

这是因为您的用户名和图像处于不同的上下文中。使用箭头功能。

FB.api('/me',(response)=>{
            this.username= response.name;
});