Question

我试图添加新的rows.cell元素，但推送语法对我来说并不清楚。如果我指定push（[]），我会看到页面更改。然而，不是创建新的空div，而是使用方括号＆＃34; []＆＃34;。

看到新的

请告知如何向每个rows.cell数组添加新的空元素？

HTML代码：

        <div class="row" ng-repeat="row in rows">
            <div class="cell" ng-repeat="cell in row.cell">{{ cell }}</div>
        </div>
      </div>

控制器代码：

     angular.module("myapp", [])
     .controller("infoTable", function($scope) {
        $scope.rows = [
                       {"id": 10, "cell": ['a','b','c']}, 
                       {"id": 11, "cell": ['a','b','c']}
                      ];
        $scope.addColumn = function (){
            $scope.rows.forEach(function($row){
                $row.cell.push([]);
            });
        }
     });

解决： ＆＃34;跟踪$ index＆＃34;添加到ng-repeat =＆＃34; row.cell＆＃34;中的单元格现在可以使用

添加新的数组元素

$row.cell.push('');

Answer 1

如果您想为每个数组添加'd'，那么

$scope.rows.forEach(function($row){
   $row.cell.push('d');
});

//{"id": 10, "cell": ['a','b','c','d']}

Answer 2

您正在将数组推送到数组。我不是肯定的，但我认为你正在寻找将文档推送到阵列。试试

$row.cell.push({});

angularjs将空元素推送到数组

2 个答案: