Angular how to JSON array values into existing scope?

Question

I'm trying to push some JSON data into scope for list whiteout (after tap on load next items btw) to append on the and of the list (Using Ionic framework and infiniteScroll)

Could somebody tell me please, what i'm doing wrong and how to append new list items to the end?

Thanks for any advice.

JSON array example:

  var fakeListData = [
        { "DATE" : testDateTimeFormated,
            "NUMBER_OF_ALL_CALLS" : 25,
            "RESULT_DONE" : 0,
            "RESULT_NOT_INTERESTED" : 0,
            "RESULT_NO_APP" : 0
        },
        { "DATE" : testDateTimeFormated,
            "NUMBER_OF_ALL_CALLS" : 0,
            "RESULT_DONE" : 0,
            "RESULT_NOT_INTERESTED" : 0,
            "RESULT_NO_APP" : 0
        }];

Item filling:

// Option one (throwing Chrome sendrequest error: TypeError: Converting circular structure to JSON)
    $scope.listData.push(fakeListData);

// Option two (crash browser)    
angular.forEach(fakeListData,function(item) {
  $scope.listData.push(item);
});

Check if any of the values in your json refers to the same json. Usually this error is shown in that scenario. — Gilsha
– Gilsha, Commented Oct 1, 2014 at 12:17
I created new JSON variable with same values and i get following error: Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: listDataItem in listData, Duplicate key: object:01C, Duplicate value: — George Smith
– George Smith, Commented Oct 1, 2014 at 12:33

Tasos K. · Accepted Answer · 2014-10-01 12:50:20Z

1

Try this

$scope.listData=[];

fakeListData.forEach(function(item){
   $scope.listData.push(item);
})

edited Oct 1, 2014 at 12:50

Tasos K.

8,1057 gold badges44 silver badges68 bronze badges

answered Oct 1, 2014 at 12:28

RootHacker

1,1078 silver badges12 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:21:22Z

0

We can push more items into existing array, but the syntax should be like this:

// instead of this
// $scope.listData.push(fakeListData);

// we should use this
[].push.apply($scope.listData, fakeListData);

NOTE: Also, important thing to mention with Angular JS.

If we want to clear the array, while keeping the reference to it, we should do it like this

// instead of this, which creates new array/new reference
// $scope.listData = [];

// we should use this, which will keep the reference, but clear its content
$scope.listData.length = 0

This way we can re-fill array during the $scope lifetime and all angular watches will refelect it properly

Check this as well: Short way to replace content of an array

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Oct 1, 2014 at 12:32

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

Collectives™ on Stack Overflow

Angular how to JSON array values into existing scope?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related