使用AngularJS的Phonegap + Facebook插件

时间:2013-10-23 07:27:13

标签: javascript android facebook angularjs cordova

我想在Javascript中开发一个应用程序,并在Android和iOS上使用Phonegap进行部署。 我想用Facebook登录我的应用程序。

所以,我查看了phonegap-facebook插件,一切正常(我设法使用FB登录)。问题是当我想“试图”插件提供的示例代码时:在index.html中我有JS嵌入这样:

<script>
  // Initialize the Facebook SDK
  document.addEventListener('deviceready', function() {
      FB.init({
          appId: 'XXX',
          nativeInterface: CDV.FB,
          useCachedDialogs: false
      });

      FB.getLoginStatus(handleStatusChange);

      authUser();
      updateAuthElements();
  });
</script>

js方法调用直接更新显示(使用document.getElementById)。 我想在我的index.html和javascript代码之间创建一个绑定,以便使用像

这样的东西打印facebook令牌和名称
{{user.token}} and {{user.names}}

有人设法意识到这样的事情吗?

非常感谢!

2 个答案:

答案 0 :(得分:2)

如果有人仍然希望做同样的事情,我花了很长时间与此作斗争,并最终写了一篇fairly long blog post详细说明我是如何运作的。

我在上面的subZero评论中尝试了很多现有的建议,包括Gist,但无法在设备模拟器上使用我的Phonegap项目。

我的帖子通过使用Phonegap + FB插件+ AngularJS来引导一个新项目,但对我而言,直截了当地执行此操作的关键缺失部分和'Angular方式'是angular-easyfb模块,我相信只添加了最近有Phonegap支持。非常值得一看,如果你坚持这个!

使用此模块的演示应用代码位于this gist

答案 1 :(得分:0)

这有用吗?

angular.element('[ng-controller=<name of the controller>]').scope().user = {token: <the extracted token>, names: <the extracted names>}