Angularjs Abhängigkeitsinjektion in Auflösung

Question

Ich würde gerne die richtige Abhängigkeitsinjektion in MyCtrl1 verwenden, um die Felder des MyCtrl1.resolve Objekts zu injizieren. Ich habe viele verschiedene Kombinationen versucht, @MyCtrl1.resolve etc. ohne Glück zu injizieren.

@MyCtrl1 = ($scope, $http, batman, title) -> 
    $scope.batman = batman.data 
    $scope.title = title.data 

@MyCtrl1.resolve = { 
batman: ($http) -> 
    $http.get('batman.json') 
title: ($http) -> 
    $http.get('title.json') 
} 
#@MyCtrl1.$inject = ['$scope', '$http'] -- commented out because not sure how to inject resolve fields 

angular 
.module('app', []) 
.config(['$routeProvider', '$locationProvider', ($routeProvider, $locationProvider)-> 
    $locationProvider.html5Mode(true) 

    $routeProvider.when('/', {templateUrl: 'index.html', controller: MyCtrl1, resolve: MyCtrl1.resolve}) 
    $routeProvider.otherwise({redirectTo: '/'}) 
]) 

angular.bootstrap(document,['app']) 

Answer 1

Resolve ist eine Eigenschaft einer Route und kein Controller. Controller würden Abhängigkeiten injiziert, die auf einer Routenebene definiert sind. Es ist nicht erforderlich, Auflösungseigenschaften auf einem Controller anzugeben.

Unter einem Ihrer Beispiele (JavaScript umgewandelt), würden Sie Ihren Controller definieren, wie immer, das heißt:

MyCtrl1 = function($scope, $http, batman, title) { 
    $scope.batman = batman.data; 
    $scope.title = title.data; 
} 

und dann die resolve-Eigenschaft auf einer Route:

angular.module('app', []).config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    $locationProvider.html5Mode(true) 

    $routeProvider.when('/',{templateUrl: 'index.html', controller: MyCtrl1, resolve: { 
    batman: ['$http', function($http) { 
     return $http.get(..).then(function(response){ 
     return response.data; 
     }); 
    }], 
    title: ['$http', function($http) { 
     return //as above 
    }] 
    }}); 
    $routeProvider.otherwise({redirectTo: '/'}); 
}]); 

Wenn Wenn Sie den Code mithilfe des Abschnitts "Auflösen" des Routings minimieren möchten, müssen Sie Annotationen im Array-Stil verwenden. Dies ist im obigen Beispiel enthalten.