How to add element in the end of array Angular JS?

Question

I have one array in Angular JS: $scope.messages = [];

In template I do ng-repeat:

<div ng-repeat="item in messages"></div>

When I try to do add a new element to the end of array like as:

angular.forEach($scope.messages, function (value, key) {
      $scope._lastMsg = key; // Get key of last element of array
});

$scope.messages[++$scope._lastMsg] = obj; // Do increment of next key and add new element obj

This way adds element not at end of array, always differently.

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — JB Nizet
– JB Nizet, Commented May 10, 2015 at 9:29

alwe · Accepted Answer · 2015-05-10 09:29:26Z

2

Try to push it at the end with Array.push()

$scope.messages.push(obj)

answered May 10, 2015 at 9:29

alwe

1,49717 silver badges22 bronze badges

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

4 Comments

Hamed Over a year ago

I get error: TypeError: $scope.messages.push is not a function

alwe Over a year ago

It seems that $scope.messages was not initialized as an array before. Try first: $scope.messages = []

Hamed Over a year ago

Was initialized in top of controller $scope.messages = []

JB Nizet Over a year ago

@Hamed I doubt it. Post your complete controller code in the question.

Collectives™ on Stack Overflow

How to add element in the end of array Angular JS?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related