Angular JS: Inject-Service innerhalb von app.js

Question

Ich möchte die Benutzer nicht auf bestimmte Seiten gehen zumindest sie zuvor angemeldet haben. Ich benutze derzeit dies:

app.run(function ($rootScope, $route, $location) 
{ 
    var restrictedPages = 
      [ 
       '/Survey/', '/Survey/Detalle', '/Survey/Accepted', '/Account/Profile', 
       '/Auction/Detail', '/Survey/Accepted' 
      ]; 

    $rootScope.$on('$locationChangeStart', function (ev, next, current) 
    { 
     var nextPath = $location.path(); 
     var nextRoute = $route.routes[nextPath]; 

     if(restrictedPages.indexOf(nextPath) !== -1) 
     { 
      $location.path('/home'); 
     } 
    }); 
}); 

Mein Problem hier ist, dass ich in diesem Stück Code mein AccountService injizieren möchte. Wie kann ich das erreichen? Da die Lade Ordnung folgende

• app.js ist (dargestellt ist der Code innerhalb hier)

• homeService.js

• accountService.js

Ich glaube wirklich, Das ist nicht der richtige Weg, aber es scheint so einfach zu sein und das Einzige, was mir fehlt, ist die Kontodienstleistung.

Answer 1

dieses Modul Betrachten, das eine Account enthält, die implizite DI verwendet:

angular.module('myApp', []) 
.factory('accountService', function($rootScope) { 
    // $rootScope is implicitly injected 
}) 
.run(['$rootScope', '$route', '$location', 'accountService', function ($rootScope, $route, $location, accountService) 
{ 
    var restrictedPages = 
      [ 
       '/Survey/', '/Survey/Detalle', '/Survey/Accepted', '/Account/Profile', 
       '/Auction/Detail', '/Survey/Accepted' 
      ]; 

    $rootScope.$on('$locationChangeStart', function (ev, next, current) 
    { 
     var nextPath = $location.path(); 
     var nextRoute = $route.routes[nextPath]; 

     if(restrictedPages.indexOf(nextPath) !== -1 && !accountService.isLoggedIn()) 
     { 
      $location.path('/home'); 
     } 
    }); 
}]); 

, wenn Sie mehr Dokumentation wollen: https://docs.angularjs.org/guide/di