Question

我有一个表，每两个表行使用ng-repeat-start和ng-repeat-end，如下所示：

<table>
    <tr>... // other <tr>'s without ng-repeat
    <tr ng-repeat-start="parameter in ctrl.parameters">
        <td>Name</td>
        <td>{{parameter.name}}</td>
    </tr>
    <tr ng-repeat-end>
        <td>Value</td>
        <td>{{parameter.value}}</td>
    </tr>

</table>

这个AngularJS应用程序作为Hawtio插件部署在Karaf中，ng-repeat-start-end部分不起作用。也许是因为它是一个插件。其他表格行（没有ng-repeat）工作并显示数据bind ed。奇怪的是，标签Name和Value的单个条目仍然出现，但没有评估表达式，是否有数据绑定到两个元素行。这背后的原因是什么？

我考虑在js模块中使用自定义指令，而不是在html中放置ng-repeat-start和ng-repeat-end。有人可以展示如何使用自定义指令方式吗？

感谢。

Answer 1

我已经解决了我自己的问题。 Karaf的Hawtio使用AngularJS 1.1.5版（截至撰写本文时），但尚未使用ng-repeat-start和ng-repeat-end。所以，我所做的是将重复的两行包含在另一个<tbody>中（多个<tbody>在HTML5中工作）并在其中放置ng-repeat指令。像这样：

    <tbody>
    .
    .
    .
    </tbody>
    <tbody ng-repeat="entry in data.entries">
        <tr>
            <td>Name</td>
            <td>{{entry.name}}</td>
        </tr>
        <tr>
            <td>Value</td>
            <td>{{entry.value}}</td>
        </tr>
    </tbody>

ng-repeat-start - ng-repeat-end的自定义指令版本

1 个答案: