Facebookのデータインポートによって「今すぐ評価された値が今すぐ評価されました」

Question

FBアカウントを使用してログインした後、ユーザーのプロフィール画像をサイドバーに表示しようとしています。どうやら、データはFacebookから読み込まれますが、ページの初期化後に読み込まれます。したがって、私が望むように画像は表示されません。私が得るのは、空のサムネイルだけです。コンソールで

私が取得：Value below was evaluated just now

私が正しくロードされますが、表示されません必要なすべてのデータを見ることができます下。 .htmlのセクションでは、 "スクリプトは、" 私が使用：

component.tsで

function getFBData() { 
    FB.api('/me', function (response) { 
     fbinfo = new Array(); 

     var im = document.getElementById("profileImage").setAttribute("src", "http://graph.facebook.com/" + response.id + "/picture?type=normal?callback=?"); 
    }); 
    public var id = response.id; 
    public var first_name = response.first_name; 
    public var last_name = response.last_name; 
    var email = response.email; 

} 

は私がconsole.log(this.userDetails);

Answer 1

FB.apiを実装ファイルは非同期で、あなただけのコールバック関数で応答にアクセスすることができます。

function getFBData() { 
    FB.api('/me', (response) => { 
     document.getElementById("profileImage").setAttribute("src", "http://graph.facebook.com/" + response.id + "/picture?type=normal"); 
     const id = response.id, 
      first_name = response.first_name, 
      last_name = response.last_name, 
      email = response.email; 
    }); 
} 

を

また、矢印関数とconst（2017なので）でコードを更新しました。 :)