how to handle jsonarray response using angular js? i am getting

Question

I am getting this error:

Duplicates in a repeater are not allowed. Repeater: session in privateKeyList key: string:I

This is my JavaScript code:

  success(function(data, status, headers, config) {
                      $scope.privateKeyList = data.privateKeyList;

                    $scope.totalPrivKey=data.totalPrivateKey;

This is my JSP code:

       <tbody  ng-repeat="session in privateKeyList">
          <tr>
                                <td>{{session.ptID}}</td>
                                <td>{{session.encID}}</td>
                                <td>{{session.doctorID}}</td>

         </tr>

This is the response in JSON string:

 {
  "privateKeyList":
     "[\"{key1:9315, key2:27108, key3:122 }\",
    \"{key1:9315, key2:27108, key3:122}\"]",

 "totalPrivateKey": 888  }

Vipin Jain · Accepted Answer · 2016-01-06 12:03:29Z

1

Use the track by $index with ng-repeat and Use ng-repeat with <tr> tag.

<tbody>
          <tr ng-repeat="session in privateKeyList" track by $index>
                                <td>{{session.ptID}}</td>
                                <td>{{session.encID}}</td>
                                <td>{{session.doctorID}}</td>

         </tr>
</tbody>

Use the track by $index with ng-repeat Example

<div ng-repeat="obj in collection track by $id(obj)">
  {{obj.prop}}
</div>

<div ng-repeat="n in [42, 42, 43, 43] track by $index">
  {{n}}
</div>

for more know
https://docs.angularjs.org/api/ng/directive/ngRepeat

edited Jan 6, 2016 at 12:03

answered Jan 6, 2016 at 11:58

Vipin Jain

3,77618 silver badges36 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:15:20Z

1

By ref and by value

You are not creating a separate object for each item in your array. your array just holds a ref.

To get around this you can go to your repeat and add

ng-repeat="session in privateKeyList track by $index"

Objects

Should you need a new object for whatever reason you should just create it before you push to the array with Object.create

here is a link to a question that explains it.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Jan 6, 2016 at 11:57

Joe Lloyd

22.8k7 gold badges59 silver badges86 bronze badges

Collectives™ on Stack Overflow

how to handle jsonarray response using angular js? i am getting

2 Answers 2

Comments

By ref and by value

Objects

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

By ref and by value

Objects

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related