AngularJS填充表在列納克重複

我的每一天的陣列，像這樣：

$scope.mondays = [];

我想用數組的值填充每一列。我將如何使用它來爲列使用它呢？

echo "<tbody>"; 
echo "<tr id='schedule_row' ng-repeat='tv_show in tv_shows | orderBy:sortType:sortReverse'>"; 
echo "<td>{{tv_show.show_name}}</td>"; // Show Names column 
echo "</tr>"; 
echo "</tbody>";

我嘗試過這種方式，但它只是把它添加到同一列：

echo "<tbody>"; 
echo "<tr id='mondays' ng-repeat='monday in mondays'>"; 
echo "<td>{{monday}}</td>"; 
echo "</tr>"; 
echo "<tr id='tuesdays' ng-repeat='tuesday in tuesdays'>"; 
echo "<td>{{tuesday}}</td>"; 
echo "</tr>"; 
echo "<tr id='wednesdays' ng-repeat='wednesday in wednesdays'>"; 
echo "<td>{{wednesday}}</td>"; 
echo "</tr>"; 
echo "<tr id='thursdays' ng-repeat='thursday in thursdays'>"; 
echo "<td>{{thursday}}</td>"; 
echo "</tr>"; 
echo "<tr id='fridays' ng-repeat='friday in fridays'>"; 
echo "<td>{{friday}}</td>"; 
echo "</tr>"; 
echo "<tr id='saturdays' ng-repeat='saturday in saturdays'>"; 
echo "<td>{{saturday}}</td>"; 
echo "</tr>"; 
echo "<tr id='sundays' ng-repeat='sunday in sundays'>"; 
echo "<td>{{sunday}}</td>"; 
echo "</tr>"; 
echo "</tbody>";

製作了修正：

echo "<tbody>"; 
echo "<tr>"; 
echo "<td>"; 
echo "<li class='li_class' ng-repeat='monday in mondays'>{{monday}}</li>"; 
echo "</td>"; 
echo "<td>"; 
echo "<li class='li_class' ng-repeat='tuesday in tuesdays'>{{tuesday}}</li>"; 
echo "</td>"; 
echo "<td>"; 
echo "<li class='li_class' ng-repeat='wednesday in wednesdays'>{{wednesday}}</li>"; 
echo "</td>"; 
echo "<td>"; 
echo "<li class='li_class' ng-repeat='thursday in thursdays'>{{thursday}}</li>"; 
echo "</td>"; 
echo "<td>"; 
echo "<li class='li_class' ng-repeat='friday in fridays'>{{friday}}</li>"; 
echo "</td>"; 
echo "<td>"; 
echo "<li class='li_class' ng-repeat='saturday in saturdays'>{{saturday}}</li>"; 
echo "</td>"; 
echo "<td>"; 
echo "<li class='li_class' ng-repeat='sunday in sundays'>{{sunday}}</li>"; 
echo "</td>"; 
echo "</tr>"; 
echo "</tbody>";

來源

2017-05-26 J.Do

爲了使天同步，你會只想重複一次，但追蹤列表中的位置（基本上每行都是一週）。要做到這一點，你可以包括track by $index（documentation）

<tbody> 
    <tr id="week{{$index}}" ng-repeat="monday in mondays track by $index"> 
    <td id="monday{{$index}}">{{mondays[$index]}}</td> 
    <td id="tuesday{{$index}}">{{tuesdays[$index]}}</td> 
    <td id="wednesday{{$index}}">{{wednesdays[$index]}}</td> 
    <td id="thursday{{$index}}">{{thursdays[$index]}}</td> 
    <td id="friday{{$index}}">{{fridays[$index]}}</td> 
    <td id="saturday{{$index}}">{{saturdays[$index]}}</td> 
    <td id="sunday{{$index}}">{{sundays[$index]}}</td> 
    </tr> 
</tbody>

對於這種實際工作，每天陣列將需要相同的長度和秩序將需要正確的。更清晰的實施可能是按周存儲數據。

var weeks = [{monday:"mondayValue", tuesday:"tuesdayValue", ... sunday:"sundayValue"}];

然後

<tr id="week{{$index}}" ng-repeat="week in weeks track by $index"> 
    <td id="monday{{$index}}>{{week.monday}}</td> 
... 
</tr>

來源

2017-05-27 00:04:01

AngularJS填充表在列納克重複

回答

相關問題