services.js：

Question

我有一项服务检查用户身份验证以重定向到登录或登录区域。

services.js：

var servicesModule = angular.module('servicesModule', []);

servicesModule.service('loginService', ['$state', function($state){

    console.log('Inside');

    var ref = new Firebase("https://feedback-system.firebaseio.com/");
    var authData = ref.getAuth();

    console.log('Inside');

    if (authData) {


      $state.go('tabs.courses');
      console.log("User " + authData.uid + " is logged in with " + authData.provider);

    } else {

      $state.go('login');
    }

}]);

控制器：

var ionicApp = angular.module('feedback-system', ['ionic', 'firebase', 'servicesModule', 'coursesModule', 'feedbackModule', 'loginModule', 'tabsModule']);

ionicApp.run(function($ionicPlatform, $state) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
});

ionicApp.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider

  .state('login', {
    url: '/login',
    templateUrl: 'views/login.html',
    controller: 'loginCtrl'
  })

  .state('tabs', {
    url: '/tabs',
    abstract: true,
    templateUrl: 'views/main.html',
    controller: 'tabsCtrl'
  })

  .state('tabs.courses', {
    url: '/courses',
    views:{
      'coursesView':{    
        templateUrl: 'views/courses.html',
        controller: 'coursesCtrl'
      }
    }
  })

  .state('tabs.feedback', {
    url: '/feedback',
    views:{
      'feedbackView':{
        templateUrl: 'views/feedback.html',
        controller: 'feedbackCtrl'
      }
    }
  })

  .state('tabs.notifications', {
    url: '/notifications',
    views:{
      'notificationsView':{
        templateUrl: 'views/notification.html',
        controller: 'notificationCtrl'
      }
    }
  });

  $urlRouterProvider.otherwise("/courses");
});

的index.html：

<!DOCTYPE html>
<html ng-app="feedback-system">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="lib/ngcordova/dist/ng-cordova.js"></script>
    <script src="cordova.js"></script>

    <!-- Firebase -->

    <script src="https://cdn.firebase.com/js/client/2.2.7/firebase.js"></script>
    <script src="lib/angularfire.min.js"></script>

    <!-- Services -->

    <script src="js/services/services.js"></script>

    <!-- Controllers -->

    <script src="js/controllers/loginCtrl.js"></script>
    <script src="js/controllers/coursesCtrl.js"></script>
    <script src="js/controllers/feedbackCtrl.js"></script>
    <script src="js/controllers/tabsCtrl.js"></script>

    <!-- Application -->

    <script src="js/app.js"></script>

  </head>
  <body>
    <ion-nav-view></ion-nav-view>    
  </body>
</html>

我在app.js主模块和index.html中注入它，根本没有错误，但没有发生任何事情，在控制台中没有记录任何内容。知道为什么没有执行这个servies.js吗？

更新

对不起，我忘了提到这项服务现在完全没有任何回报，它今天就停止了工作。

Answer 1

我认为您的服务声明出错了。在返回功能块中包装服务内的内容。

servicesModule.service('loginService', ['$state', function($state){

    return function() {
        console.log('Inside');

        var ref = new Firebase("https://feedback-system.firebaseio.com/");
        var authData = ref.getAuth();

        console.log('Inside');

        if (authData) {


          $state.go('tabs.courses');
          console.log("User " + authData.uid + " is logged in with " + authData.provider);

        } else {

          $state.go('login');
        }
    }

}]);

控制器中的

servicesModule.controller('loginController', ['$scope', 'loginService', function($scope, loginService){

       loginService();

}]);

Answer 2

这样做，

var servicesModule = angular.module('servicesModule', []);

servicesModule.service('loginService', ['$state', '$firebaseAuth', '$firebase',  function($state,$firebaseAuth ,$firebase ){

return function() {
    console.log('Inside');

    var ref = new Firebase("https://feedback-system.firebaseio.com/");
    var authData = $firebaseAuth(ref);

    console.log('Inside');

    if (authData) {


      $state.go('tabs.courses');
      console.log("User " + authData.uid + " is logged in with " + authData.provider);

    } else {

      $state.go('login');
    }
}
}]);

注入$firebaseAuth和$firebase并尝试。您还可以在index.html中显示控制器以及如何注入此服务吗？

Angular服务没有初始化

services.js：

控制器：

的index.html：

更新

2 个答案: