带有 AngularJS 的 Phonegap + Facebook 插件

Question

我想用 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}}

有人设法实现了类似的东西吗？

非常感谢！

Answer 1

如果有人仍然想做同样的事情，我花了很长时间来解决这个问题，最终写了一封 fairly long blog post 详细说明我是如何做到的。

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

我的帖子介绍了使用 Phonegap + FB 插件 + AngularJS 引导一个新项目，但对我来说，直接执行此操作的关键缺失部分和“Angular 方式”是 angular-easyfb 模块，我相信它只添加了 Phonegap 支持最近。如果您对此感到困惑，那么值得一看！

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

Answer 2

这行得通吗？

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