建议在角度js app中加载Facebook sdk的方法

时间:2015-12-15 12:32:44

标签: javascript android angularjs facebook facebook-graph-api

我在Facebook上使用此模块Angular-facebook在Github上运行angularjs应用程序,并将其初始化为

tblProducts.Product

在html中,我在页脚的angularjs模块之后加载了模块。

我的问题是UI显示应用程序并点击使用facebook api的内容最终会出现此错误

  

{"错误":{"消息":"必须使用活动访问令牌来查询有关当前用户的信息。"," ;类型":" OAuthException""代码":2500," fbtrace_id":" FU8MECrV + 3P"}}

但过了一段时间,这意味着在加载完所有内容后,它会显示API的正确结果。 怎么解决这个问题?

  1. 如果仍在加载资源,我该如何禁用按钮
  2. 如何在显示应用程序的UI之前加载所有资源
  3. 谢谢

1 个答案:

答案 0 :(得分:2)

我没有使用带有 js 的FB api,但这是我的猜测。 我之前通过运行$ scope.me()来重现你的错误。您可能需要在身份验证/登录后使用这些功能。

// do not show all buttons at first
$scope.showOtherButtons = false;

// call Login
$scope.login()
...
Facebook.login(function(response) {
    // At this point calling $scope.me() should probably be safe.
    $scope.showOtherButtons = true;
});

在html中使用ng-if指令在您进行身份验证之前隐藏所有其他按钮,例如`

<div ng-if="showOtherButtons">... buttons are here </div>

希望这有帮助。