Javascript Angularjs：嵌套ng重复，键引用从一个到另一个

我希望将键值从一个重复值引用到另一个重复值。这有点难以解释，但这里是jsfiddle

我想从key\u var数组中获取f\u列值，并从value\u var数组中获取相同的key值

JSFIDLE代码实际上会给出错误，因为它在angularjs中无效。。这只是我想要实现的伪代码

我怎样才能做到这一点

<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>

---

}

语法错误：意外标记

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

改变

{{ val.key.f_column }}

---

要使用变量引用对象的属性，请使用方括号表示法。这通常适用于javascript，也适用于angular

例如：

---

演示：

正如Yoshi前面所说，您可以使用

[]

符号访问JavaScript属性

在您的示例中，缺少另一个基本引用：

$scope

在控制器中，而

ng app

在html中。没有它们，AngularJS无法将你的应用程序绑定到你的html；要知道

value\u var

和

key\u var

都是关于什么的，它们必须绑定到

$scope

---

试试

{{val[key.f_column]}

。也就是说，您使用的是一个非常旧的角度版本，而您的html嵌套是错误的。@Yoshi它似乎不起作用：S。我改成了最新的angular js，你在那里有一个额外的点

{val[key.f_column]}

把它改成

{val[key.f_column]}

，请看：@Yoshi谢谢，但它仍然不起作用：正如我在上面写的，你的html嵌套是错误的（

li

中的

li

）使用其他任何东西，它都是可见的。例如，

{{val[key.f_column]}

。演示：这将不起作用，因为

val

没有名为

key

的属性。（只有

v_a

和

column1

或

column2

）您测试过代码吗？它似乎也不起作用。你能试试这把小提琴吗？非常感谢。

{{ val.key.f_column }}

{{val[key.f_column]}}