javascript - Angularjs 在当前行位置添加行

Question

我有以下代码，假设在当前行位置添加另一行(而不是在行的底部):

<tr ng-repeat="ro in rows">
  <td>{{ro.name}}</td>
  <td>{{ro.id}}</td>
  <td><a ng-click="addRo($index)">add row</a></td>
</tr>

在我的 Controller 中，我有:

$scope.addRo=function(index){
     $scope.inderted={
       id: '',
       name: ''
      };
      $scope.rows($index+1).push($scope.inserted);
}

我尝试了上面的代码，希望将索引添加到当前位置，它会添加它，但它不起作用。如何解决这个问题？

Answer 1

尝试使用.splice()而不是.push()

$scope.addRo=function(index){
  var inderted={
    id: '',
    name: ''
  };
  $scope.rows.splice(index + 1, 0, inderted);
}

这是docs对于 .splice()

此外，如果您只是暂时使用它，则无需将“inderted”添加到范围中。