无法通过angularjs应用程序上的ngFacebook登录Facebook [英] Cannot log into Facebook via ngFacebook on angularjs app

问题描述

我正在尝试通过ngFacebook设置登录，我无法登录到Facebook。调用'$ facebook.log（）'后，我甚至无法控制日志。

I'm trying to set up log in via ngFacebook and I am unable to log in to facebook. I cannot even get anything to console log after calling '$facebook.log()'.

我的角度应用：

'use strict';

angular
  .module('fmcFrontendApp', [
    'ngAnimate',
    'ngCookies',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ngFacebook'
  ])
  .config(function ($facebookProvider) {

    $facebookProvider.setAppId('///////////');

    $facebookProvider.setCustomInit({
        version: 'v2.2',
        channelUrl : '/index.html',
        xfbml : true
    });

    $facebookProvider.setPermissions('email, public_profile');
  })

  .run(function() {
          (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
          }(document, 'script', 'facebook-jssdk')); 
  })

  .controller( 'fbCtrl', [ '$facebook', function($facebook) {
    var self = this;

    self.isLoggedIn = false;
    self.login = function() {
      console.log('hello')
      $facebook.login().then(function() {
        console.log("Please see me")
        refresh();
      });
    }

    function refresh() {
      $facebook.api("/me").then(
        function(response) {
          console.log(response);
          self.welcomeMsg = "Welcome " + response.name
          self.isLoggedIn = true
        },
        function(err) {
          self.welcomeMsg = "Please log in";
        });
    }

    refresh();

  }]);

以及相关的角元素：

  <button id="fb-login" type="button" ng-click="fbCtrl.login()" ng-hide="fbCtrl.isLoggedIn" class="btn btn-default navbar-btn"> Login </button>

<div id="fb-root"></div>

任何人都可以给予的帮助将不胜感激！我真的绞尽脑汁，无法弄清楚发生了什么！

any help anyone can give would be greatly appreciated! I'm really racking my brain and can't figure out what is going on!

推荐答案

解决方案是删除：

 <script src="http://connect.facebook.net/en_US/all.js"></script>

。

这篇关于无法通过angularjs应用程序上的ngFacebook登录Facebook的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！