TypeError：无法读取未定义的JavaScript属性’push’

我正在使用此Angular项目，用户提交评论表单，新评论将添加到已发布的评论中。 这是我的代码。

.controller('productCtrl', function($scope, $http, $routeParams, Page){ $scope.product = {}; $scope.review = {}; $scope.comments = {}; routeparm = $routeParams.param; $scope.review = function(){ var review_box = $scope.review_form.review_box; $http.post('./comment.php', { comment : review_box, code: routeparm }) .success(function(data){ $scope.comments.push(data.comments); $scope.review.review_box = ''; }) .error(function(data){ $scope.has_error = true; $scope.error_message = data; }) }; 

但是，当我尝试添加注释时，我收到以下错误。

 TypeError: Cannot read property 'push' of undefined 

我已经定义了一个空的$ scope.comments = {}; 那么为什么我会收到这个错误？ 我该如何解决？ 谢谢

Answer 1

您声明的注释是一个Object。 只需将声明更改为数组，

从：

 $scope.comments = {}; 

至：

 $scope.comments = []; 

编辑：如果您需要推送新对象，您需要像这样将您的注释作为对象数组并推送新对象

 $scope.comments = { 1: {name:'',review:'',comment:'',uptime:'',gravatar:''} } $scope.comments.push({name:'rukshi', review:'test comment',comment:'yet another comment',uptime:'',gravatar:''}); 

Answer 2

你可以试试这个

 .controller('productCtrl', function($scope, $http, $routeParams, Page){ $scope.product = {}; $scope.review = {}; $scope.comments = []; routeparm = $routeParams.param; $scope.review = function(){ var review_box = $scope.review_form.review_box; $http.post('./comment.php', { comment : review_box, code: routeparm }).success(function(data){ $scope.comments.push(data.comments); $scope.review.review_box = ''; }).error(function(data){ $scope.has_error = true; $scope.error_message = data; }) };