angularjs push empty element to array

Question

I'm trying to add new rows.cell element but push syntax is not clear for me. If i specify push([]) i see on page changes. However instead of new empty div created i see new with square brackets "[]".

Pleas advise how to add new empty element to each rows.cell array?

html code:

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

controller code:

     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([]);
            });
        }
     });

Solved: "track by $index" added to ng-repeat="cell in row.cell" And now new array element can be added using

$row.cell.push('');

if you want then you can put condition like this : '<div class="cell" ng-repeat="cell in row.cell"> <span ng-show="cell !== undefined && cell !== null ">{{ cell }}</span></div>' That may help you — Anita
– Anita, Commented Apr 10, 2015 at 13:16

charlietfl · Accepted Answer · 2015-04-10 12:59:21Z

2

If you wanted to add 'd' to each array it would be

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

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

answered Apr 10, 2015 at 12:59

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

5 Comments

user947668 Over a year ago

It work once, then error occurs ngRepeat:dupes. Anyhow i need to add empty element.

charlietfl Over a year ago

Well you would need to change the value each time or use track by $index in your ng-repeat. Not really sure what you are trying to do exactly

user947668 Over a year ago

i want to change row.cell array after each addColumn trigger. to have {"id": 10, "cell": ['a','b','c','','','','']}

charlietfl Over a year ago

WHat I mean is I don't know how you are setting values. Try using track by

Anita Over a year ago

This code will add 'd' element to cell. Show in ng-repeat it will show 'd' in the div.. How this will create empty div? Your question was to create empty div. Please guide me

Stephen Punwasi · Accepted Answer · 2015-04-10 12:59:53Z

1

You're pushing an array to the array. I'm not positive, but I think you're looking to push a document to the array. Try

$row.cell.push({});

answered Apr 10, 2015 at 12:59

Stephen Punwasi

4764 silver badges14 bronze badges

1 Comment

user947668 Over a year ago

in such case new array element value equal '{}'

Collectives™ on Stack Overflow

angularjs push empty element to array

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related