Angular pushing into array object

Question

I am using an angular calendar and have some events like this :

$scope.events = [ //{title: 'test event',start: moment()}, {title: 'Long Event',start: new Date(y, m, d - 5),end: new Date(y, m, d - 2)}, {id: 999,title: 'Repeating Event',start: new Date(y, m, d - 3, 16, 0),allDay: false}, {id: 999,title: 'Repeating Event',start: new Date(y, m, d + 4, 16, 0),allDay: false}, {title: 'Birthday Party',start: new Date(y, m, d + 1, 19, 0),end: new Date(y, m, d + 1, 22, 30),allDay: false}, {title: 'Click for Google',start: new Date(y, m, 28),end: new Date(y, m, 29),url: 'http://google.com/'} ]; 

Is it possible to dynamically push into this so for example a button that could keep adding another event? i cant think of the syntax to push the object into array

Answer 1

This is just a javascript array, so you use push:

$scope.events.push({ title:'foo' }); 

Answer 2

Is this what you want :

$scope.events=[]; var event={title: 'Long Event',start: new Date(y, m, d - 5),end: new Date(y, m, d - 2)}; $scope.events.push(event); 

Answer 3

We have .push() method in Array through it you can push elements to array.

Example:

$scope.events = [ //{title: 'test event',start: moment()}, {title: 'Long Event',start: new Date(y, m, d - 5),end: new Date(y, m, d - 2)}, {id: 999,title: 'Repeating Event',start: new Date(y, m, d - 3, 16, 0),allDay: false}, {id: 999,title: 'Repeating Event',start: new Date(y, m, d + 4, 16, 0),allDay: false}, {title: 'Birthday Party',start: new Date(y, m, d + 1, 19, 0),end: new Date(y, m, d + 1, 22, 30),allDay: false}, {title: 'Click for Google',start: new Date(y, m, 28),end: new Date(y, m, 29),url: 'http://google.com/'} ]; $scope.handleClick = function() { $scope.events.push({title: 'Click for XYZ',start: new Date(y, m, 28),end: new Date(y, m, 29),url: 'http://someurl'}); } 

Similarly to remove the elements from the array, we have pop() method provided.

Answer 4

The push is as simple as 1-2-3. Please refer to the code snippet for pushing a new object into an existing AngularJS object below:

$scope.events.push(newData); 

You can refer to the demo for full code.