使用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

如果有人仍然希望做同樣的事情，我花了很長時間與此斗爭，並最終寫了一篇相當長的博客文章，詳細說明了我是如何工作的。

我嘗試了許多現有的建議，包括上面的subZero評論中的Gist，但無法在設備模擬器上使用我的Phonegap項目。

我的帖子通過使用Phonegap + FB插件+ AngularJS引導一個新項目，但對我來說，直接這樣做的關鍵缺失部分和'Angular方式'是angular-easyfb模塊，我相信最近只添加了Phonegap支持。 非常值得一看，如果你堅持這個！

我使用此模塊的演示應用程序代碼就在這個要點中 。

Answer 2

這有用嗎？

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