我需要帮助以使用 HTML 和 AngularJS 以循环赛的形式创建动态表格。将给出一个字符串数组，然后将根据列表中有多少名称创建表，因此表的一部分将动态生成，表的一部分将始终相同。这是一个表的示例，如果我传递了一个包含 8 个名称的数组，则会生成该表。生成表时，只有 A、B 和 C 列应该有任何信息，尽管为了简单起见，我将所有内容都保留为空白。其余的框应该都是文本输入字段。
到目前为止，我所做的大多数表格都非常简单，在这里我有点超出我的深度，非常感谢任何帮助。
【问题讨论】：
标签： html angularjs html-table
这是使用嵌套ng-repeat 元素的一个非常好的示例。
请参阅此plunker 以获得工作演示。
检测何时使框变黑的主要技巧是在外部ng-repeat 上使用ng-init="$rowIndex=$index"（我们为每个条目生成一行）。这允许内部ng-repeat（我们为每个条目生成一个列）有一个ng-class="{'blackout': $index==$rowIndex}"
【讨论】：
假设你总是有一个完整的 8 个团队，这会让你开始
<table>
<tr>
<th>club</th>
<th>team</th>
<th>#</th>
<th ng-repeat="item in items">{{$index+1}}</th>
<th>V</th>
<th>TS</th>
</tr>
<tr ng-repeat="item in items">
<td>{{item.club}}</td>
<td>{{item.team}}</td>
<td>{{item.rank}}</td>
<td ng-repeat="item in items" ng-class="{black:$index==$parent.$index}"></td>
<td><input ng-model="item.v"></td>
<td><input ng-model="item.ts"></td>
</tr>
</table>
【讨论】：