Nested angular expressions

Question

I've two json as follows:

 users= [
        {
          "id": 0,
          "isActive": true,
          "age": 30,
          "name": "Hester Nunez",
          "dob": "10/12/2015",
          "email": "[email protected]",
          "phone": "+1 (975) 580-3067",
          "address": "918 Greenpoint Avenue, Elbert, Idaho, 7423"
        },
        {
          "id": 1,
          "isActive": false,
          "age": 23,
          "name": "Hopkins Cantu",
          "gender": "male",
          "dob": "16/02/2011",
          "email": "[email protected]",
          "phone": "+1 (966) 514-3562",
          "address": "332 Aurelia Court, Wright, New Mexico, 1481"
        }]


columns = [

        {
            "id": "column1",
            "key": "name",
            "title": "Name"
        },
        {
            "id": "column2",
            "key": "age",
            "title": "Age"
        },
        {
            "id": "column3",
            "key": "gender",
            "title": "Gender"
        },
        {
            "id": "column4",
            "key": "email",
            "title": "Email"
        },
        {
            "id": "column5",
            "key": "address",
            "title": "Address"
        }
    ]

To create a table of users I want to display the value of users based on the key of the column. Something like this:

<tr data-ng-repeat="user in users">
     <td data-ng-repeat="column in columns">{{user.{{column.key}}}}</td>
</tr>

As expected I'm getting the following parse error:

Error: [$parse:syntax] Syntax Error: Token '{' is not a valid identifier at column 6 of the expression [user.{{column.key] starting at [{{column.key].

Any suggestions on how to evaluate this nested expression?

use {{user[column.key]}}

SUDARSHAN BHALERAO
– SUDARSHAN BHALERAO

2016-03-03 10:09:34 +00:00
Commented Mar 3, 2016 at 10:09 — SUDARSHAN BHALERAO
– SUDARSHAN BHALERAO, Commented Mar 3, 2016 at 10:09

Abhilash Augustine · Accepted Answer · 2016-03-03 09:53:43Z

4

Try this one :

<tr data-ng-repeat="user in users">
     <td data-ng-repeat="column in columns">{{user[column.key]}}</td>
</tr>

answered Mar 3, 2016 at 9:53

Abhilash Augustine

4,2081 gold badge26 silver badges25 bronze badges

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

2 Comments

Abhilash Augustine Over a year ago

@ManojPaul, please do accept my answer if it helps you... :)

Manoj Paul Over a year ago

Please wait for 10 mins. SO is not allowing me to accept answer before 10 mins since I posted my question. :)

Collectives™ on Stack Overflow

Nested angular expressions

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related