javascript - AngularJS 嵌套 ng-repeats 和嵌套绑定(bind)

Question

我正在尝试制作一个完全动态的 AngularJS 页面，数据模型和标题列模型可以作为 JSON 格式传递，并且 Angular/View 可以解码所有内容，无论有多少列等.

我的一切(列标题、单列排序、多列文本框过滤)都可以工作，除了数据部分，它看起来像我想嵌套 {{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 (这是正常/静态完成的方式)。

但是，双曲线引用似乎不允许任何嵌入/嵌套；又名。第一个“{{”自动与第一个“}}”匹配。

有没有[好的]方法可以做到这一点？

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

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