2014-10-17 54 views
0

我有一个使用ng-repeat-startng-repeat-end每两个表行,像这样的表:自定义指令版本 - NG-重复结束

<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应用程序部署在Karaf作为一个Hawtio插件和ng-repeat-start-end部分不起作用。也许是因为它是一个插件。其他表行(无ng-repeat)工作并显示数据bind ed。奇怪的是,标签NameValue的单个条目仍然出现,但没有评估表达式,是否存在绑定到两个元素行的数据。这背后的原因是什么?

我正在考虑在js模块中使用自定义指令,而不是在HTML中放置ng-repeat-startng-repeat-end。有人可以展示如何做到这一点自定义指令的方式?

谢谢。

回答

0

我已经解决了我自己的问题。 Karaf的Hawtio使用AngularJS版本1.1.5(截至撰写本文时),它还没有ng-repeat-startng-repeat-end。因此,我所做的是将重复的两行放在另一个<tbody>(多个<tbody> s工作在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>