2017-01-28 14 views
0
var app = angular.module('app', ['firebase', 'ngCookies']); 

app.factory("Auth", ["$firebaseAuth", 
    function($firebaseAuth) { 
    return $firebaseAuth(); 
    } 
]); 

app.controller("ctrlHead", ["$scope", "Auth", "$cookies", 
    function($scope, Auth, $cookies) { 

    if ($cookies.get('authenticated') == null) { 
     $cookies.put('authenticated', false); 
    } 

    $scope.auth = Auth; 

    $scope.auth.$onAuthStateChanged(function(firebaseUser) { 

     if (firebaseUser) { 
      setAppCookie(); 
      $cookies.put('authenticated', true); 
     } else { 
      $cookies.put('authenticated', false); 
     } 

    }); 
    $scope.authenticated = $cookies.get('authenticated'); 
    } 
]); 

不明なエラー:[$インジェクター:modulerr]?http://errors.angularjs.org/1.6.0/ $インジェクター/ modulerr P0 =アプリ& P1 =エラー%3A%20%... 0Lc%20(HTTP %3A%2F%2Flocalhost%3A8080%2Fpublic%2Fjs%2Fangular.js%3A21%の3A332)

答えて

2

何のタイプミスがありません、あなたは次の順序で正しくfirebaseと角度-クッキーの参照を追加したことを確認し、

<script data-require="[email protected]" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script> 
<script data-require="[email protected]" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular-cookies.min.js"></script> 
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script> 
<script src="https://cdn.firebase.com/libs/angularfire/1.1.1/angularfire.min.js"></script> 
<script src="app.js"></script> 

デモ

var app = angular 
 
    .module('testApp', [ 
 
    'ngCookies', 
 
    'firebase' 
 
    ]) 
 
app.constant('FIREBASE_URL', 'https://testapp1000.firebaseio.com/') 
 
    
 
app.controller("ctrlHead", ["$scope", 
 
    function($scope) { 
 
    $scope.message = "angular firebase and cookies"; 
 
    } 
 
]);
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <link data-require="[email protected]" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" /> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    </head> 
 
    <body ng-app="testApp" ng-controller="ctrlHead"> 
 
    <h1>{{message}}</h1> 
 
    
 
    <script data-require="[email protected]" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script> 
 
    <script data-require="[email protected]" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular-cookies.min.js"></script> 
 
    <script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script> 
 
    <script src="https://cdn.firebase.com/libs/angularfire/1.1.1/angularfire.min.js"></script> 
 
    </body> 
 
</html>

+0

私は、彼らは、デフォルトでは、角の一部と思っていましたか? – Coder1000

+0

@ Coder1000いいえ、あなたが注射する必要がある鬱病です。 – Sajeetharan

+0

ok、私は7分であなたの答えを受け入れることができます。 – Coder1000

関連する問題