TypeError：无法读取未定义的属性“帖子”[重复]答案

【问题标题】：TypeError: Cannot read property 'post' of undefined [duplicate]TypeError：无法读取未定义的属性“帖子”[重复]
【发布时间】：2014-12-07 06:23:02
【问题描述】：

我收到以下错误：

TypeError: Cannot read property 'post' of undefined
    at postName (http://127.0.0.1:9000/scripts/controllers/main.js:28:12)
    at Scope.$scope.submit (http://127.0.0.1:9000/scripts/controllers/main.js:10:7)
    at http://127.0.0.1:9000/bower_components/angular/angular.js:10348:21
    at http://127.0.0.1:9000/bower_components/angular/angular.js:18333:17
    at Scope.$eval (http://127.0.0.1:9000/bower_components/angular/angular.js:12175:28)
    at Scope.$apply (http://127.0.0.1:9000/bower_components/angular/angular.js:12273:23)
    at Scope.$delegate.__proto__.$apply (<anonymous>:855:30)
    at HTMLFormElement.<anonymous> (http://127.0.0.1:9000/bower_components/angular/angular.js:18332:21)
    at HTMLFormElement.jQuery.event.dispatch (http://127.0.0.1:9000/bower_components/jquery/dist/jquery.js:4641:9)
    at HTMLFormElement.elemData.handle (http://127.0.0.1:9000/bower_components/jquery/dist/jquery.js:4309:46) angular.js:9563(anonymous function) angular.js:9563(anonymous function) angular.js:7004Scope.$apply angular.js:12275$delegate.__proto__.$apply VM1976:855(anonymous function) angular.js:18332jQuery.event.dispatch jquery.js:4641elemData.handle

我的 main.js 文件：

'使用严格';

angular.module('sayHiApp')
  .controller('MainCtrl', function ($scope) {

    // Accepts form input
    $scope.submit = function() {

      // POSTS data to webservice
      postName($scope.input);

      // GET data from webservice
      var name = getName();

      // DEBUG: Construct greeting
      $scope.greeting = 'Sup ' + name + ' !';

    };

    function postName ($scope, $http, dataToPost) {

      $http.post('/name', dataToPost).
      success(function(data) {
        $scope.error = false;
        $scope.data = data;
      }).
      error(function(data) {
        $scope.error = true;
        $scope.data = data;
      });
    }

    // GET name from webservice
    function getName ($scope, $http) {

      $http.get('/name').
      success(function(data) {
        $scope.error = false;
        $scope.data = data;

        return data;
      }).
      error(function(data) {
        $scope.error = true;
        $scope.data = data;

        return 'error name';
      });

    }

  });

我不确定这个错误指的是什么？如果它指的是'$http'上的'post'方法，那么我很困惑..提前感谢您的帮助:)

【问题讨论】：

您是否将 $http 参数传递给函数？
啊，伙计……是的，这就是问题所在。糟透了。谢谢！ :)

标签： javascript angularjs

【解决方案1】：

这是指您建议的“$http”上的“post”方法。

您需要在控制器函数中添加 $http 作为参数，以便 Angular 将其注入（就像您对 $scope 所做的那样）。

我对您的代码进行了另一项更改，从内部函数中删除了 $scope 和 $http 参数，因为它们在函数中是已知的，因为它们是闭包。

angular.module('sayHiApp')
  .controller('MainCtrl', function ($scope, $http) {

// Accepts form input
$scope.submit = function() {

  // POSTS data to webservice
  postName($scope.input);

  // GET data from webservice
  var name = getName();

  // DEBUG: Construct greeting
  $scope.greeting = 'Sup ' + name + ' !';

};

function postName (dataToPost) {

  $http.post('/name', dataToPost).
  success(function(data) {
    $scope.error = false;
    $scope.data = data;
  }).
  error(function(data) {
    $scope.error = true;
    $scope.data = data;
  });
}

// GET name from webservice
function getName () {

  $http.get('/name').
  success(function(data) {
    $scope.error = false;
    $scope.data = data;

    return data;
  }).
  error(function(data) {
    $scope.error = true;
    $scope.data = data;

    return 'error name';
  });
}
});

【讨论】：

【解决方案2】：

函数postName 不需要将这些变量传递给它 $scope, $http 它只需要 dataToPost 其他两个变量已经可以访问。你的函数应该是这样的

function postName (dataToPost) {

  $http.post('/name', dataToPost).
  success(function(data) {
    $scope.error = false;
    $scope.data = data;
  }).
  error(function(data) {
    $scope.error = true;
    $scope.data = data;
  });
}

【讨论】：