Question

我有以下代码：Code on Plnkr

我正在尝试在表格中使用ng-repeat。但那不起作用。而相同的代码适用于列表<li>

这是一个相同的片段。

<h1>Using list</h1>
<ul>
  <li ng-repeat="item in sampleArray">{{item}}</li>
</ul>
<h1>Using Table</h1>
<table>
    <tr ng-repeat="item in sampleArray">{{item}}</tr>
</table>

在<tr>内使用ng-repeat是否不正确。我怎样才能正确使用表格。

Answer 1

每W3C HTML Table definition

表格是用标签定义的。

表格分为带有标记的表格行。

表行分为带有标记的表数据。

表格行也可以分为带标签的表格标题。

因此，根本原因是您错过了<td>元素中的<th>或<tr>元素

<tr ng-repeat="item in sampleArray"><td>{{item}}</td></tr>

Answer 2

在使用ng-repeat构建表格时，您应该使用td标记指定每个行单元格的内容：

<table>
  <tr ng-repeat="item in sampleArray">
    <td>{{$index}}</td>
    <td>{{item}}</td>
  </tr>
</table>

Answer 3

是的，检查了羽毛球，

您需要记住将<td>放入<tr>。 <td>是显示元素，<tr>是结构元素。

<tr ng-repeat="item in sampleArray"><td>{{item}}</td></tr>

ng-repeat不与表一起使用但与列表<li> </li>一起使用

3 个答案: