【问题标题】:Repeat across multiple elements (more than 2)跨多个元素重复(超过 2 个)
【发布时间】:2016-05-10 23:24:59
【问题描述】:

我知道我可以使用ng-repeat-startng-repeat-end重复两个元素,例如<tr>s这样

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

但是我怎样才能对两个以上的元素做同样的事情呢?我希望为列表中的每个项目重复 3 个&lt;tr&gt;s。 Angular 是否有其他指令用于此目的,或者我可以以某种方式围绕我重复的元素,以便为每个项目重复?

例子

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

【问题讨论】:

  • 您说只使用带有过滤器的ng-repeat?顺便说一句,也许你可以这样做:&lt;div ng-repeat="item in list"&gt; &lt;tr&gt; &lt;td&gt;Text&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Some text&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;More text&lt;/td&gt; &lt;/tr&gt; &lt;/tr&gt;
  • 我只想重复 3 个 ,我不太在乎它的完成方式:)
  • 可以显示列表对象吗?

标签: javascript angularjs angularjs-ng-repeat


【解决方案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

【讨论】:

  • 太棒了!所有的 都重复了!谢谢!
【解决方案2】:

还有一种更简单的方法可以做到这一点而不会造成这种......奇怪的事情,如下:

<div ng-repeat="item in list"> 
   <tr> 
      <td>{{item}}</td> 
   </tr> 
   <tr> 
      <td>{{item}}</td> 
   </tr> 
   <tr> 
      <td>{{item}}</td> 
   </tr> 
</tr>

对于这个特定的用例不需要使用 start, end ..

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签