如何初始化AngularJS中另一个数组元素内的数组元素？

Question

$scope.pictures=[ 
    { 
     name:"/images/profile2.jpg", 
     caption:"Food and Hunger", 
     votes:0, 
     User:"xyz@gmail.com", 
     comments:[], 
     theme:$scope.theme 
    }, 
    { 
     name:"/images/profile3.jpg", 
     caption:"The wedding day", 
     votes:0, 
     User:"yamini@gmail.com", 
     comments:[], 
     theme:$scope.theme 
    }, 
    { 
     name:"/images/profile4.jpg", 
     caption:"Mother's Care", 
     votes:0, 
     User:"fakeid@yahoo.com", 
     comments:[], 
     theme:$scope.theme 
}]; 

“comments：[]”数组不起作用。当我尝试.push（）函数时，它不起作用。然而，当我尝试push（）其他元素，如标题，用户等然后它的作品。

$scope.addcomment=function (index) { 
    var com=$window.prompt('Please enter your comment'); 
    $scope.pictures[index].comments.push(com); 
} 

任何人都可以帮我解决这个错误吗？

Answer 1

我试过你提到的问题，它的工作正常。看看你是否也这样做了。

Demo

HTML：

<div data-ng-app="myApp" data-ng-controller="myCtrl"> 
    <div data-ng-repeat="pic in pictures"> 
     {{pic.comments | json }} <button ng-click="addcomment($index)">add comment</button> 
    </div> 
</div> 

JS代码：

(function() { 
    var app = angular.module('myApp',[]); 
    app.controller("myCtrl", function($scope,$window) { 
     $scope.pictures=[ 
     { 
      name:"/images/profile2.jpg", 
      caption:"Food and Hunger", 
      votes:0, 
      User:"xyz@gmail.com", 
      comments:[], 
      theme:$scope.theme 
     }, 
     { 
      name:"/images/profile3.jpg", 
      caption:"The wedding day", 
      votes:0, 
      User:"yamini@gmail.com", 
      comments:[], 
      theme:$scope.theme 
     }, 
     { 
      name:"/images/profile4.jpg", 
      caption:"Mother's Care", 
      votes:0, 
      User:"fakeid@yahoo.com", 
      comments:[], 
      theme:$scope.theme 
     }]; 
     $scope.addcomment=function (index) { 
      var com=$window.prompt('Please enter your comment'); 
      $scope.pictures[index].comments.push(com); 
     } 
    }); 
})();