0

ある繰り返し値から別の繰り返し値へのキー値を参照したい。説明するのは少し難しいですが、ここに jsfiddle http://jsfiddle.net/u75us/163/があります

key_var 配列から f_column 値を取得し、value_var 配列から同じキー値を取得したいと考えています。

angularjsでは有効な{{val.{{key.f_column}}}}ではないため、 jsfiddle コードは実際にはエラーになります。それは私が達成したい唯一の疑似コードです。

どうすればこれを達成できますか？

<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 に当てはまり、Angular にも当てはまります。

例えば：

{{val[key.f_column]}}

デモ: http://jsbin.com/OsuKUQo/1/

于 2013-11-07T11:58:57.680 に答える
0

SyntaxError：予期しないトークン ; ??

{{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 に答える