javascript - Angular 发布请求不起作用不起作用

Question

这是我的模块:

angular.module('ngDetails', ['])
.constant('API', 'http://myserver.com/dir/api')
.controller('carDetails', carDetails)

这是我的 Controller :

function carDetails($scope, CarDetailService) {
  CarDetailService.getCar().success(function(details) {

    $scope.details = details;

    carID = $scope.details['ID'];

    $scope.approve = function($scope, $http, API, Message) {
      $http.post( API + '/car/' + carID , { Message: Message } ).
      success(function(data) {
        $scope.approve = data;
      })
    }

  });

这是我的 HTML:

<div ng-controller="carDetails">
  <textarea placeholder="Message" ng-model="Message"></textarea>
  <button ng-click="approve()">Approve</button>
</div>

我想要做的是向我的 API 发送一个发布请求，该请求会发送一条消息，用户在点击“批准”按钮之前将其放入文本区域框中。但是，当我点击“批准”按钮时，我收到一条错误消息:“无法读取 m.$scope.approve 处未定义的属性‘post’”。我该如何解决这个问题？

提前致谢。

Answer 1

那是因为您需要在构造函数中请求 DI 项，而不是在批准函数中。

  function carDetails($scope, CarDetailService, $http, API, Message) {
  CarDetailService.getCar().success(function(details) {

    $scope.details = details;

    carID = $scope.details['ID'];

    $scope.approve = function() {
      $http.post( API + '/car/' + carID , { Message: Message } ).
      success(function(data) {
        $scope.approve = data;
      })
    }

  });