0

我想将键值从一个重复值引用到另一个。它有点难以解释，但这里是 jsfiddle http://jsfiddle.net/u75us/163/

我想从 key_var 数组中获取 f_column 值，并从 value_var 数组中获取相同的键值。

jsfiddle 代码实际上会给出错误，因为它在 angularjs 中无效{{val.{{key.f_column}}}} .. 那只是我想要实现的伪代码。

我怎样才能做到这一点？

<ul ng:controller="Cntl">
<li ng:repeat="key in key_var">{{key.f_column}}
    <li ng:repeat="val in value_var">{{val.{{key.f_column}}}</li>
</li>


function Cntl() {
this.value_var = [ 
    {"v_a":"a" , "column1" : "v1" },
    {"v_a":"a" , "column2" : "v2" } 
]

this.key_var =  [
     {"f_column":"column2"},
    {"f_column":"column1"}
];

}

4

3 回答 3

1

要使用变量引用对象的属性，请使用方括号表示法。这适用于一般的javascript和角度。

例如：

{{val[key.f_column]}}

演示：http: //jsbin.com/OsuKUQo/1/

于 2013-11-07T11:58:57.680 回答
0

SyntaxError: Unexpected token ; ??

{{val.{{key.f_column}}}

改变

{{ val.key.f_column }}
于 2013-11-07T11:31:17.107 回答
0

正如 Yoshi 上面所说，您可以使用[]符号访问 JavaScript 属性。

在您的示例中，缺少另一个基本参考：$scope在您的控制器和ng-apphtml 中。没有它们，AngularJS 无法将您的应用绑定到您的 html；要知道什么value_var和key_var是什么，他们必须受到约束$scope。

http://jsfiddle.net/U3pVM/1820/

于 2013-11-07T13:48:14.250 回答