Angular UI-Route Auflösung Injektion Ausgabe

Question

Ich bin neu in Angular JS und ich stapeln mit Problem mit inject resolve versprechen Controller.

Ich habe nächsten Code:

var app = angular.module('app', ['ui.router', 'ngAnimate', 'ngSanitize', 'ui.bootstrap']) 
     .config(function ($stateProvider, $urlMatcherFactoryProvider, $urlRouterProvider) { 
      $urlMatcherFactoryProvider.caseInsensitive(true); 
      $urlRouterProvider.otherwise('/refuel'); 
      $stateProvider.state('refuels', { 
       url: '/refuel', 
       controller: 'refuelController', 
       controllerAs: 'refuelCtrl', 
       resolve: { 
        $refuelsPumpsResolve: function ($http) { 
         return $http({ 
          url: "http://localhost:60000/Refuels/GetUserPumps", 
          method: "GET" 
         }) 
        } 
       } 
      }) 
     }) 
     .controller('refuelController', function ($refuelsPumpsResolve) { 
      var $this = this; 
      this.isOpen = true; 
      this.isOpen = function() { 
       $this.isOpen = !$this.isOpen 
      } 
      this.pumpsData = $refuelsPumpsResolve; 

     }); 

jedoch Winkel wirft 'Unknown-Provider' Ausnahme für $ refuelsPumpsResolve in der Steuerung. Ich sehe kein Problem, mehr über den Code wurde von Ui-Route-Tutorial auf Github genommen. Vielen Dank für Hilfe

Answer 1

die Sie interessieren, erklärt die Injektion, wie Sie normalerweise für sagen tun würde, einen Controller:

resolve: { 
    $refuelsPumpsResolve: ['$http', function ($http) { 
    return $http({ 
     url: "http://localhost:60000/Refuels/GetUserPumps", 
     method: "GET" 
    }) 
    }] 
}