0

AngularFire 認証を使用してユーザーを Facebook にログインさせようとしています。ログインをクリックすると、エラー イベントが発生する - angularFireAuth:error が表示されますが、err 配列は空です。何が間違っているのか、どのようにデバッグするのかわかりません。何か案は？

意見：

<div ng-controller="UsersCtrl">
       <div id="loginDiv">
           <a href="#" ng-click="logout()">Logout</a>
         <span ng-show="user">
           {{user.name}}
         <a href="#" ng-click="logout()">Logout</a>
         </span>
         <a href="#" ng-hide="user" ng-click="login()">Login</a>
       </div>

    </div>

コントローラ：

myApp.controller('UsersCtrl', ['$scope', 'angularFireAuth',
function UsersCtrl($scope, angularFireAuth) {
var url = 'https://inviter-dev.firebaseio.com';
angularFireAuth.initialize(url, {scope: $scope, name: "user"});


$scope.login = function() {
    console.debug("logging in")
    angularFireAuth.login("facebook");
};

$scope.logout = function() {
    angularFireAuth.logout();
};

$scope.$on("angularFireAuth:login", function(evt, user) {
  console.debug("login event", user)
});
$scope.$on("angularFireAuth:logout", function(evt) {
   console.debug("logout event", user)
});
$scope.$on("angularFireAuth:error", function(evt, err) {
    console.debug("auth error", err)
  // There was an error during authentication.
});


 }
]);
4

1 に答える 1

0

この問題は、js の依存関係の配置と順序の問題に関連しているようです。これらの依存関係を HTML ヘッドに移動したところ、動作します。

 <script type="text/javascript" src="https://cdn.firebase.com/v0/firebase.js"></script>
 <script type="text/javascript" src="https://cdn.firebase.com/v0/firebase-auth-client.js"></script>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.5/angular.min.js"></script>
 <script type="text/javascript" src="https://connect.facebook.net/en_US/all.js">   </script>
 <script type="text/javascript" src="js/vendor/angular/angularFire.js"></script>
 <script type="text/javascript"src="https://cdn.firebase.com/v0/firebase-simple-login.js"></script>
于 2015-12-01T22:46:18.660 に答える