HTML中的AngularJS动态范围名称答案

【问题标题】：AngularJS dynamic scope name in HTMLHTML中的AngularJS动态范围名称
【发布时间】：2014-06-12 11:32:36
【问题描述】：

我不确定这是否可能，但是......

我有一个对象要显示，类似于：

{
    "choose": [
        {
            "name": "first name",
            "key": "key1",
            "fields": {
                "a": "first",
                "b": "second"
        },
        {
            "name": "second name",
            "key": "key2",
            "fields": {
                "a": "third",
                "b": "last"
        }
    ],
    "key1": "some value",
    "key2": "some value"
}

对象存储在“对象”中，比方说。在 HTML 中，我重复“选择”，但我还需要根据“选择”数组显示“key1”和“key2”（可以是任何名称）的值。

 <div ng-repeat="field in object.choose">
     <p>{{ field.name }}</p>
     <p>{{ object. + field.key }}</p> // this doesn't work, displays only value of "field.key"
 </div>

那么如何根据“[0].key”和“[1].key”的值选择和显示“object.key1”和“object.key2”？

【问题讨论】：

标签： angularjs

【解决方案1】：

像这样？

<div ng-repeat="field in object.choose">
    <p>{{ field.name }}</p>
    <p>{{ object[field.key] }}</p>
</div>

【讨论】：

谢谢，它成功了。我以前尝试过这样的尝试，但是使用了一个点：object.[field.key] 并且它不起作用。再次欢呼。