无法注入`$ http`使用AngularJS明确的`app.controller`语法？ [英] Unable to inject `$http` using AngularJS explicit `app.controller` syntax?
本文介绍了无法注入`$ http`使用AngularJS明确的`app.controller`语法？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有被告知，我应该使用 app.controller 语法，以支持缩小。
I have been told that I should be using the app.controller syntax, in order to support minification.
重写样品（教程）的例子，我发现，我无法得到它的工作：
Rewriting the sample (tutorial) example, and I found that I couldn't get it to work:
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 -->
我需要做什么改变？
What do I need to change?
推荐答案
我做我的控制器的布局方式是：
The way I did my controller layout is:
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;
});
}]);
这篇关于无法注入`$ http`使用AngularJS明确的`app.controller`语法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
