Facebook数据导入导致“价值低于刚才的评估”

Question

我正在尝试显示用户的个人资料图像在侧边栏后，他登录使用他的FB帐户。显然，数据是从Facebook加载的，但在页面初始化之后。因此，图像并不像我想要的那样显示。我得到的只是一个空的缩略图。

在控制台中，我得到：Value below was evaluated just now

在下面，我可以看到所有需要的数据都被正确加载，但没有显示。在.html的“脚本”一节中，我使用：

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;

}

在component.ts文件中，我实现了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年)。:)