Nicht in der Lage zu injizieren, `$http` mit AngularJS explicit `app.controller` - syntax?

Habe ich gesagt wurde, dass ich mit sollte die app.controller syntax, um zur Unterstützung der Verkleinerung.

Umschreiben der Probe (tutorial) - Beispiel, und ich fand, dass ich konnte nicht bekommen es funktioniert:

use 'strict';

/* Minifiable solution; which doesn't work */
var app = angular.module('myApp', ['ngGrid']);

//phones.json: http://angular.github.io/angular-phonecat/step-5/app/phones/phones.json

app.controller('PhoneListCtrl', ['$scope', '$http', function ($scope, $http) {
    $http.get('phones/phones.json').success(function (data) {
        $scope.phones = data;
    });

    $scope.orderProp = 'age';
}]);
/* Alternate [textbook] solution; which works */
function PhoneListCtrl($scope, $http) {

    $http.get('phones/phones.json').success(function (data) {
        $scope.phones = data;
    });

    $scope.orderProp = 'age';
}

PhoneListCtrl.$inject = ['$scope', '$http'];
<body ng-app="myApp" ng-controller="PhoneListCtrl">
    {{phones | json}}
</body> <!-- Outputs just an echo of the above line, rather than content -->

Was muss ich ändern?

  • Soweit ich weiß, kann man mit der zweiten version auch für die Minimierung, denn der Zeile .$injizieren - das sagt angular.js die richtige unverändert die Namen der beiden Parameter.
  • Es funktioniert für mich. Was ist die Fehlermeldung, die Sie bekommen haben?
InformationsquelleAutor user2283066 | 2013-05-21
  1. 13

    Dem Weg habe ich meinen controller layout:

    var app = angular.module('myApp', ['controllers', 'otherDependencies']);
var controllers = angular.module('controllers', []);
controllers.controller('PhoneListCtrl', ['$scope', '$http', function ($scope, $http) {
  //your code
  $http.get('phones/phones.json').success(function (data) {
    $scope.phones = data;
  });
}]);
    • Wie Sie es in der Ansicht?
    • {{phones}} ist korrekt, da der controller die Daten in $scope.Handys
    • Sie haben gesagt, der 2. format funktioniert, so muss es sein, wie Sie legte die Module.
    InformationsquelleAutor Foo L
Schreibe einen Kommentar