我怎样才能采用了棱角分明的JS绑定JSON键开始@symbol [英] How I can Bind JSON key Starting with @symbol Using Angular JS

问题描述

我是新来AngularJS，而我面对了以下问题。结果
我无法一个JSON关键的出发与 @ 符号绑定。

例如：

  VAR的sampleData =
{
    的DataModel：{
        字段：
            {
                格式化：空，
                DisplayOrder：0，
                @defURI：reporting.dashboard.TDataSetField，
                显示名称：名字，
                DefURI：字符串，
                名：名字，
                @nodeKey：346316115241271300
            }
        ]
    }
}
 

和我的code是：

 ＆LT; TR NG重复=FDATA在fieldData.DataModel.Fields＆GT;
     ＆所述; TD＆GT; {{fdata.Name}}＆下; / TD＆GT;
     ＆LT; TD＆GT; {{FDATA @ defURI}}＆LT; / TD＆GT; ＆LT;！ - 这行抛出AngularJs错误 - ＆GT;
 ＆LT; / TR＆GT;
 

解决方案

使用括号标记像这样

 ＆LT; TD＆GT; {{FDATA ['@ defURI]}}＆LT; / TD＆GT;
 

工作codePEN

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>

解决方案

Use Bracket notation like this

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

Working Codepen

这篇关于我怎样才能采用了棱角分明的JS绑定JSON键开始@symbol的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！