AngularJS：NG-重複的2×<tr> - 不能使用DIV

我有一個問題，我需要重複以下..作爲一個羣體AngularJS：NG-重複的2×<tr> - 不能使用DIV

<tr></tr> 
<tr></tr>

我無法與他們周圍在DIV把NG重複上有其無效的TR即

<div ng-repeat="item in items"> 
    <tr></tr> 
    <tr></tr> 
</div>

，所以我目前有以下實現

<tr ng-repeat.....></tr> 
    <tr ng-repeat.....></tr>

但問題是，這是有6個項目的集合，所以第一個TR呈現6次，然後6次爲下一個...

我抓撓我的頭，試圖解決這個問題，但我不能想辦法。

這將是很好，如果有某種類型的Div標籤，用於ng-repeat但沒有呈現元素的DOM？

來源

2013-07-18 Martin

你可以把NG重複一個tbody元素上：

<tbody ng-repeat="item in items"> 
    <tr> 
     <td>{{item.row_one_stuff}}</td> 
     <td>{{item.more_row_one_stuff}}</td> 
    </tr> 
    <tr> 
     <td>{{item.row_two_stuff}}</td> 
     <td>{{item.more_row_two_stuff}}</td> 
    </tr> 
</tbody>

來源

2013-07-18 19:06:15 Sharondio

不錯 - 我忘了你可以有多個tbody元素。 –

謝謝！這是爲我做的...非常感謝。 – Martin

可以工作，但如果你的和有不同的CSS規則（比如在bootstrap中），那就不那麼好了。 – svarog

它看起來像angularjs傢伙沿着這些線路實施了一些東西。 https://github.com/angular/angular.js/commit/e46100f7097d9a8f174bdb9e15d4c6098395c3f2

所以語法將

<tr ng-repeat-start="item in items"></tr> 
<tr ng-repeat-end></tr>

來源

2013-07-18 14:47:35

無遺憾的是，它似乎並沒有工作 – Martin

有一個討論您需要的angularjs版本。 http://stackoverflow.com/questions/16900050/angular-js-ng-repeat-across-multiple-elements。如果最終不得不點擊幾個鏈接，我們會抱歉，但是這肯定會在未來的版本中實現。 –

感謝羅布，我會繼續睜大眼睛。 – Martin

<tr ng-repeat-start="item in items"> 
    <td>{{item.data1}}</td> 
</tr> 
<tr ng-repeat-end> 
    <td>{{item.data2}}</td> 
</tr>

來源

2016-02-19 06:29:52

AngularJS：NG-重複的2×<tr> - 不能使用DIV

回答

相關問題