AngularJS: route.resolve in ES6

Question

Ich versuche ein bestehendes Angular-Projekt zu refactorisieren, um ES6-Module und import Anweisungen zu verwenden. Dies funktioniert für den Großteil der Anwendung, aber die resolve Blöcke in meinen Routen geben mir Ärger.

Soweit ich die Syntax sagen kann, sollte gleich sein vor:

$stateProvider.state('stateName'), { 
    template: <div></div> 
    controller: 'stateCtrl' 
    controllerAs: 'ctrl' 
    resolve: { 
     someData: ['DataService', function(DataService){ 
      return DataService.getData(); 
     }] 
    } 
} 

jedoch einen Haltepunkt in someData Einstellung mir sagt, dass mein ‚Data‘ behoben ist nicht richtig durch winkelförmigen Stangen Dependency Injection (oder eher : es ist richtig gelöst, wurde aber noch nicht initialisiert). Der Dienst wird auf dem entsprechenden Modul registriert, aber sein Konstruktor wurde nicht aufgerufen, bevor die someData-Funktion eingegeben wurde.

Da ich dachte, dass ich die Syntax falsch habe ich ein wenig experimentiert und festgestellt, dass einige andere Dienste (erstellt mit der gleichen Syntax und registriert auf dem gleichen Modul wie die DataService) tatsächlich initialisiert und richtig in den Resolve-Block injiziert werden .

Haben Sie eine Idee, wo Sie suchen oder wie kann ich dies beheben?

Answer 1

Wenn Sie ES6 benutzen, sollte es so sein:

/* @ngInject */ 
export default function config($stateProvider) { 
    resolve: { 

    /* @ngInject */ 
    someData: (DataService) => DataService.getData() 
    } 
} 

ein wenig mehr lesen über ngInject die ng-annotate Github-Seite. Es macht die Injektionen für Sie.