Risolvi e TypeScript del router UI

Question

Sono curioso di sapere come utilizzare la risoluzione del router UI con TypeScript.

.state("signin.notActivated", <ng.ui.IState> { 
        controller: "SigninCtrl", 
        controllerAs: "signin", 
        url: "/notActivated", 
        resolve: { 
         inProgress: function() { 
          return { formData : null } 
         } 
        } 
       }) 

Nel mio controller, ho iniettato la mia risoluzione.

constructor(public $state : angular.ui.IState, private inProgress) { 
      this.init();     
     } 

     private init =() => { 
      this.someData = this.inProgress.formData; // error 
     } 

Viene visualizzato un errore del provider sconosciuto, poiché TypeScript sta tentando di registrarlo come servizio.

si può fare?

Answer 1

Prova l'iniezione in questo modo:

static $inject = ['$state', 'inProgress']; 
constructor(public $state : angular.ui.IState, private inProgress) { 
    this.init();     
} 

Answer 2

assicurarsi che si sta invocando il controller solo attraverso il router. Invocare il controller direttamente dalla direttiva html tramite ng-controller (ng-controller="SigninCtrl as signin" nel tuo caso) non verrà iniettato inprogress e così finirai con questo errore.