javascript - ng-repeat 不适用于表 但适用于列表

Question

我有以下代码:Code on Plnkr

我正在尝试使用 ng-repeat一张 table 内。但这不起作用。而相同的代码适用于列表 <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

Tables are defined with the tag.

Tables are divided into table rows with the tag.

Table rows are divided into table data with the tag.

A table row can also be divided into table headings with the tag.

所以根本原因是你错过了一个<td>或 <th> <tr> 中的元素元素

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