How I can Bind JSON key Starting with @symbol Using Angular JS

Question

I am new to AngularJS, and I am facing the following issue.
I am unable to bind a JSON key starting with @ symbol.

Example:

var sampledata =
{
    "DataModel": {
        "Fields": [
            {
                "Format": null,
                "DisplayOrder": 0,
                "@defURI": "reporting.dashboard.TDataSetField",
                "DisplayName": "Firstname",
                "DefURI": "String",
                "Name": "firstname",
                "@nodeKey": 346316115241271300
            }
        ]
    }
}

and my code is:

 <tr ng-repeat="fdata in fieldData.DataModel.Fields">
     <td>{{fdata.Name}}</td>
     <td>{{fdata.@defURI}}</td> <!-- this line is throwing an AngularJs error -->
 </tr>

carton · Accepted Answer · 2015-06-11 08:57:38Z

5

Use Bracket notation like this

 <td>{{fdata['@defURI']}}</td>

Working Codepen

edited Jun 11, 2015 at 8:57

carton

1,1689 silver badges17 bronze badges

answered Jun 11, 2015 at 8:42

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

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

3 Comments

Sergеу Isupov Over a year ago

Is there way to use it in ng-bind directive?

Sudharsan S Over a year ago

Yes try it as <div ng-bind="fdata['@defURI']"></div>

Sergеу Isupov Over a year ago

Hehe, thanks. That's great. I just forgot to delete dot when I tried with dot notation

Collectives™ on Stack Overflow

How I can Bind JSON key Starting with @symbol Using Angular JS

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related