12

我是第一次尝试 AngularJS。使用该$http.post("url", data)功能时，我收到一条Error: $http is not defined控制台消息。

在我的 HTML 页面顶部，我在所有其他 JS 导入之后包含了 AngularJS。

由于小部件依赖等原因，我还包含了其他 JavaScript 库。我的脚本导入部分如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="http://www.trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="http://www.trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>

我有一个控制器用来向服务器发送一些数据：

function FormCtrl($scope) {
  $scope.sendData = function(){
        var data = "firstName=" + $scope.firstName + "&" +
            "lastName=" + $scope.lastName + "&" +
            "address=" + $scope.address + "&" +
            "postcode=" + $scope.postcode;

        $http.post("/data/person/put", data);
     };
}

该sendData功能附加到一个按钮。一切正常，直到调用$http.post(...)控制台输出错误为止。

完整的错误列表是：

Error: $http is not defined
$scope.sendData@http://localhost:8080/angularjs/:96
Mc/x/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js:71
ec[c]</</</<@https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js:142
e.prototype.$eval@https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js:87
e.prototype.$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js:87
ec[c]</</<@https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js:142
c.event.handle@http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js:63
c.event.add/o@http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js:57

https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js
Line 61

我是否必须做其他事情来配置 AngularJS 才能使用该$http.post功能？

我直接从文档的 AngularJS Shortcut Methods部分提升了用法：http: //docs.angularjs.org/api/ng.$http

任何人都可以帮忙吗？

谢谢亚当

4

1 回答 1

23

function FormCtrl($scope) {应该是function FormCtrl($scope, $http) {。

您需要注入控制器所需的所有服务，在这种情况下您正在使用$scope和$http服务，但您注入的只是$scope导致错误的原因。

前任：

function FormCtrl($scope, $http) {
    ....
}
FormCtrl.$inject = ['$scope', '$http'];

您可以在此处阅读有关缩小注射并发症的说明，请阅读A Note on Minification

于 2013-02-27T12:34:44.130 回答