Question

我知道我可以使用ng-repeat-start和ng-repeat-end来重复两个元素<tr>，例如像这样

<table>
  <tr ng-repeat-start="item in list">
      <td>Some text</td>
  </tr>
  <tr ng-repeat-end>
      <td>More text</td>
  </tr>
</table>

但我如何才能为两个以上的元素做同样的事情呢？我想为列表中的每个项重复3 <tr>个。 Angular是否有其他指令用于此目的，或者我可以以某种方式包围我重复的元素，以便为每个项目重复？

实施例

   <tr>
       <td>Text</td>
   </tr>
   <tr>
       <td>Some text</td>
   </tr>
   <tr>
       <td>More text</td>
   </tr>

Answer 1

试试这个

<table>
  <tr ng-repeat-start="item in list">
      <td>{{item}}</td>
  </tr>
  <tr>
      <td>{{item}}</td>
  </tr>
  <tr ng-repeat-end>
      <td>{{item}}</td>
  </tr>
</table>

有关上述链接的更多参考信息，请访问：https://docs.angularjs.org/api/ng/directive/ngRepeat

Answer 2

另外一种更简单的方法是在不做出这种奇怪的事情的情况下做到这一点：

RecyclerView

对于此特定用例，无需使用start，end ..

跨多个元素重复（超过2个）

2 个答案: