AngularJs - ng-Wiederholung Sammlung der Sammlung in td der Tabelle

Question

Via AngularJS (ng-repeat), würde ich eine Liste der Liste auf der td der HTML-Tabelle verwenden.

Daten in der Steuerung:

$scope.schedules = [{plage:'8-12'},{plage:'14-18'},{plage:'19-23'}]; 
$scope.days = [{day:'Monday',schedules:$scope.schedules},{day:'Tuesday',schedules:$scope.schedules},{day:'Wednesday',schedules:$scope.schedules},{day:'Thursday',schedules:$scope.schedules},{day:'Friday',schedules:$scope.schedules}]; 

Ich möchte 2 Zeilen (1 = Tage und 2. = Pläne):

<table> 
 
    <tr> 
 
    <td>Days:</td> 
 
    <td colspan="3">Monday</td> 
 
    <td colspan="3">Tuesday</td> 
 
    <td colspan="3">Wednesday</td> 
 
    <td colspan="3">Thursday</td> 
 
    <td colspan="3">Friday</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="week">Schedules:</td> 
 
    <td>8-12</td><td>14-18</td><td>19-23</td> 
 
    <td>8-12</td><td>14-18</td><td>19-23</td> 
 
    <td>8-12</td><td>14-18</td><td>19-23</td> 
 
    <td>8-12</td><td>14-18</td><td>19-23</td> 
 
    <td>8-12</td><td>14-18</td><td>19-23</td> 
 
    </tr> 
 
</table>

in HTML:

Answer 1

Flatten die Zeitpläne und eine einzelne ng-Repeat verwenden:

var allSchedules = []; 
$scope.days.forEach(function(day) { 
    Array.prototype.push.apply(allSchedules, day.schedules); 
}); 

Und in der Ansicht:

<td ng-repeat="schedule in allSchedules">{{ schedule.plage }}</td>