dynamically generated json not woking in angular js ng-repeat

Question

I am new to anglarJs and have the following angular js controller with this fixed data

app.controller('sortController',function($scope){

        $scope.sortType = 'name'; //Setting the default sort type
        $scope.sortReverse = false; // Setting the deafult sort order
        $scope.searchDefaultTerm = ''; //Setting the default search/filter term

        $scope.users = 
     [
         {
             "id":1,
             "firstName":"Axil",
             "lastName":"Creations",
             "email":"[email protected]",
             "image":"http://localhost:8000/backend/libraries/Filemanager-master/userfiles/UserImages/user.png",
             "status":1,
             "userRole":13,
             "roleTitle":"Admin"
         }
     ];


});

this is my view

   <tr data-ng-repeat="user in users">
        <th>@{{ user.id }}</th>
        <th>@{{ user.firstName }}</th>
        <th>@{{ user.lastName }}</th>
        <th>@{{ user.email }}</th>
        <th>@{{ user.image }}</th>
        <th>@{{ user.status }}</th>
        <th>@{{ user.roleTitle }}</th>
    </tr>

everything is working fine but as soon as I send the same data via php I get error Below is my angular js controller code when I send data from php, the member variable is set in the php's controller where I have used JeffreyWay PHP-Vars-To-Js-Transformer to assign the data to javascript memeber variable although the member variable and my fixed data look same still I am having problems I have provided the screenshots to show the data are same.

   app.controller('sortController',function($scope){

            $scope.sortType = 'name'; //Setting the default sort type
            $scope.sortReverse = false; // Setting the deafult sort order
            $scope.searchDefaultTerm = ''; //Setting the default search/filter term

            $scope.users = members;
});

Left-When data is sent from php - Right- Fixed Data

I have done <tr data-ng-repeat="user in users track by $index"> but now I am not receiving my data and I am getting a hude number of empty rows as shown below enter image description here

I have provided the screenshot of the data I am receiving in both case with left being the data sent via php and right being the fixed they are both same I think I am having problem with the the ng-repeat have a look at the data i.e the users @jbigman — xenish
– xenish, Commented May 18, 2015 at 11:07

Deblaton Jean-Philippe · Accepted Answer · 2015-05-18 11:06:07Z

1

The solution is to read the error message you have received :

You have a link describing your error :

http://errors.angularjs.org/1.3.15/ngRepeat/dupes?p0=user%20in%20users&p1=string%3A%22&p2=%22

So, if you want to fix it, you have to do the following :

<tr data-ng-repeat="user in users track by $index">

answered May 18, 2015 at 11:06

Deblaton Jean-Philippe

11.4k4 gold badges53 silver badges68 bronze badges

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

1 Comment

xenish Over a year ago

I did so but still I am not getting my values for say @{{ user.id }} the errors gone but all I am getting now is lot of empty columns

xenish · Accepted Answer · 2015-05-19 05:13:02Z

0

Found What the problem was PHP's associative array becomes an object literal in JavaScript so using JavaScript's JSON.parse method parses the obtained JSON string and returns the JavaScript equivalent so this is all I had to do $scope.users = JSON.parse(members);

answered May 19, 2015 at 5:13

xenish

1,4443 gold badges15 silver badges17 bronze badges

Comments

jbigman · Accepted Answer · 2015-05-19 09:09:45Z

0

From link in the error you provided :

Occurs if there are duplicate keys in an ngRepeat expression. To resolve this error either ensure that the items in the collection have unique identity or use the track by syntax to specify how to track the association between models and DOM.

So, if php service send duplicates, try this:

<tr data-ng-repeat="user in users track by $index">

warning The sreenshots shows that you only have one element in the array ? The error is probably somewhere else because there is obviously no duplicates.

edited May 19, 2015 at 9:09

answered May 18, 2015 at 11:14

jbigman

1,29013 silver badges25 bronze badges

6 Comments

xenish Over a year ago

I did so but still I am not getting my values for say @{{ user.id }} the errors gone but all I am getting now is lot of empty columns

jbigman Over a year ago

Are you sure "members" have the exact same format as the fixed json ? Try to display the json in the html {{users}} to see what $scope.users contains.

xenish Over a year ago

that is what I have done in my screenshot also what I did was console.log my json data that was sent via php then I used the same data as fixed data and it works@jbigman

jbigman Over a year ago

The only way to have different behaviours is different data. Console log is extracted from $scope.users value ?

xenish Over a year ago

thanks for your help you were right different behaviours due to problem in my data @jbigman

|

Krishna · Accepted Answer · 2015-07-21 13:54:41Z

0

Remove '@' in your code and try it out.

answered Jul 21, 2015 at 13:54

Krishna

1

Collectives™ on Stack Overflow

dynamically generated json not woking in angular js ng-repeat

4 Answers 4

1 Comment

Comments

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related