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_varkey_var是什么,他们必须受到约束$scope

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

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