角：表具有多個列的每個重複的元素

Question

添加是否有可能通過NG-重複創建具有多個列的表？

我不知道還有一個更雄辯的方式來問，所以下面我已經張貼了各種各樣的樣本模板。由於周圍的div打破了桌面，這不起作用。

例如：

<table> 
    <tr> 
    <div ng-repeat="num in [1,2,3]"> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
     <td>Avg</td> 
    </div> 
    </tr> 

預期輸出：

<table> 
    <tr> 
    <td>1</td> <td>2</td> <td>3</td> <td>Avg</td> 
    <td>1</td> <td>2</td> <td>3</td> <td>Avg</td> 
    <td>1</td> <td>2</td> <td>3</td> <td>Avg</td> 
    </tr> 
</table> 

Answer 1

當然，這是可能的。爲了讓您的預期輸出，只需使用special repeat start and end pointsng-repeat-start和ng-repeat-end：

// app.js 
 
(function() { 
 

 
    'use strict'; 
 

 
    angular.module('app', []); 
 

 
})(); 
 

 
// main.controller.js 
 
(function() { 
 

 
    'use strict'; 
 

 
    angular.module('app').controller('MainController', MainController); 
 

 
    MainController.$inject = []; 
 

 
    function MainController() { 
 

 

 
    } 
 

 
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="MainController as MainCtrl"> 
 
    <table> 
 
    <tr> 
 
     <td ng-repeat-start="num in [1,2,3]">1</td> 
 
     <td>2</td> 
 
     <td>3</td> 
 
     <td ng-repeat-end>Avg</td> 
 
    </tr> 
 
    </table> 
 
</div>

Answer 2

是它完全是可能的。你只是不需要一個div。 ：p

<table> 
    <tr ng-repeat="s in Subjects"> 
    <td>{{ s.name }}</td> 
    <td>{{ s.address }}</td> 
    </tr> 
</table> 

希望這得到亞滾！