Question

我试图将用户重定向到登录页面，如果他们试图访问要求他们登录的页面。我正在使用Firebase和AngularJS，this guide之后。 AngularJS站点上的error explanation表示不存在的定义或重复定义导致问题，但我无法在我的代码中识别这些问题。此外，错误的堆栈跟踪并不表示我的哪个文件导致了错误，只提到了angular.js文件。谁能给我一些关于导致这个问题的一些见解？

注意：网站运行没有错误，如果我遗漏$ routeProvider的resolve部分，用户可以登录和注销。

这是我的app.js

angular.module('richWebApp', ['ngRoute', 'firebase', 'objectFilter'])
.constant('fb', {
  url: 'https://<my-firebase-app>.firebaseio.com/' //name removed for security reasons
})
.run(function($rootScope, $location) {
    $rootScope.$on("$routeChangeError", function(event, next, previous, error) {
        if(error === "AUTH_REQUIRED") {
            $location.path("/login");
        }
    });
})
.config(function($routeProvider){
    $routeProvider.
        when('/login', {
            templateUrl: 'pages/login/login.html'
        }).
        when('/main', {
            templateUrl: 'pages/main/main.html',
            resolve: {
                "currentAuth": ["Auth", function(Auth) {
                    return Auth.$requireAuth();
                }]
            }
        }).
        when('/thread/:threadId', {
            templateUrl: 'pages/thread/thread.html',
            resolve: {
                "currentAuth": ["Auth", function(Auth) {
                    return Auth.$requireAuth();
                }]
            }
        }).
        otherwise({
            redirectTo: '/login'
    });
});

这是main.js控制器

angular.module('richWebApp')
.controller('mainPageController', function($scope, $location, userService, currentAuth, threadService, fb, $firebaseAuth, $filter){

    $scope.user = userService.getLoggedInUser();

    $scope.newThreadTitle = '';
    $scope.threadSubject = ''

    $scope.createNewThread = false;

    $scope.sortBy = 'dateAdded'

    $scope.threads = threadService.getAllThreads();

    $scope.getSubjects = function(subject) {
        return $scope.threads.subject;
    }

    $scope.beginAddThread = function() {
        $scope.createNewThread = true;
    }

    $scope.addThread = function(){  
        if(!$scope.newThreadTitle || !$scope.newThreadSubject){
            return false;
        }

        var date = new Date();

        var newThread = {       
            title: $scope.newThreadTitle,
            subject: $scope.newThreadSubject,
            username: $scope.user.name,
            numComments: 0,
            comments: [],
            dateAdded: date.getTime()
        };

        $scope.threads.$add(newThread);

        $scope.newThread = '';
        $scope.newThreadTitle = '';
        $scope.newThreadSubject =  '';

        $scope.createNewThread = false; 
    }

    $scope.sortByDate = function() {
        $scope.sortBy = 'dateAdded';
    }

    $scope.sortByPopularity = function() {
        $scope.sortBy = 'numComments';
    }

    $scope.searchSubject = function(subject) {
        $scope.searchThread = subject;
    }

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

});

这是thread.js控制器

angular.module('richWebApp')
.controller('threadPageController', function($scope, $location, $routeParams, $filter, currentAuth, threadService, fb, userService){

    var threadId = $routeParams.threadId;

    $scope.newComment = '';

    var thread = threadService.getThread(threadId);

    thread.$bindTo($scope, 'thread') 

    $scope.addComment= function(){ 
        if(!$scope.newComment){
            return false; 
        }       

        var currentUser = userService.getLoggedInUser();

        var date = new Date();
        var newComment = {
            text: $scope.newComment,
            username: currentUser.name,
            dateAdded: date.getTime(),
            userPic: currentUser.profilePic        
        };

        $scope.thread.comments = $scope.thread.comments || [];
        $scope.thread.comments.push(newComment);
        $scope.thread.numComments += 1;

        $scope.newComment = '';
    }
});

Answer 1

您的代码指的是Auth工厂，Retrieving Authentication State下的示例中显示了该工厂。在您的代码中包含此内容。

.factory("Auth", ["$firebaseAuth",
  function($firebaseAuth) {
    var ref = new Firebase("<YOUR FIREBASE>");
    return $firebaseAuth(ref);
  }
]);

AngularJS - 未知提供商：AuthProvider

1 个答案: