Angularjs adding row at curent row location

Question

I have following code that is suppose to add another row at current row location (not at the bottom of the rows):

<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>

In my controller, I have:

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

I tried the above code hopeing adding index to the current location it would add it, but it doesn't work. How to fix this?

Rorschach120 · Accepted Answer · 2015-04-02 20:01:38Z

1

Try using .splice() instead of .push()

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

Here's the docs for .splice()

Also, there is no need to add 'inderted' to scope if you are just using it temporarily.

answered Apr 2, 2015 at 20:01

Rorschach120

1,2201 gold badge12 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dfsq · Accepted Answer · 2015-04-02 20:00:38Z

0

To insert new element in the array you need to use Array.prototype.splice method. In your case:

$scope.rows.splice($index+1, 0, $scope.inserted);

answered Apr 2, 2015 at 20:00

dfsq

193k26 gold badges244 silver badges261 bronze badges

Comments

ryanyuyu · Accepted Answer · 2015-04-02 20:14:00Z

0

Since you have access to the $index of the current element within the ng-repeat, inserting a new row is easy. The problem with your current code is that array.push always adds the element to the end of the array.

Use array.splice to actually insert elements into the array.

$scope.addRo = function(index) {
        var newObj = {
            id: '',
            name: ''
        };
        $scope.rows.splice(index + 1, 0, newObj); //inserts a row after this one
                                                  //use index for a new row here
    };

answered Apr 2, 2015 at 20:14

ryanyuyu

6,50611 gold badges52 silver badges56 bronze badges

Collectives™ on Stack Overflow

Angularjs adding row at curent row location

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related