AngularJS使用嵌套绑定嵌套ng-repeats

时间:2014-08-15 16:41:41

标签: javascript angularjs dynamic nested angularjs-ng-repeat

我试图创建一个完全动态的angularJS页面,使得数据模型和header-column-model可以作为JSON格式传递,而角度/视图可以解码所有内容,无论列数等等

我有一切(列标题,单列排序,多列文本框过滤)工作,除了我想要嵌套{{bindings}}的数据部分。

这个想法是这样的:

<tr ng-repeat="item in model | filter:filters | orderBy:predicate:reverse">
    <td ng-repeat="header in headers">{{{{$parent.item}}.{{header.colName}}}}</td>
</tr>

这样就可以解析为item.column(这是通常/静态完成的方式)。

然而,似乎没有任何嵌入/嵌套允许双波浪线参考;又名。第一个&#39; {{&#39;匹配第一个&#39;}}&#39;自动。

有这么好的方法吗?

1 个答案:

答案 0 :(得分:1)

尝试使用$eval

<tr ng-repeat="item in model | filter:filters | orderBy:predicate:reverse">
    <td ng-repeat="header in headers">{{$eval('item.' + header.colName}}</td>
</tr>

这是一个显示这个概念的plunker: http://plnkr.co/edit/msGuMCCj477jyUAqjChz?p=preview