Javascript ng重复不使用表格<；tr>；但可用于列表<；李>；

我有以下代码：

我试图在表中使用

ng repeat

。但这不起作用。而同样的代码适用于列表

这里有一个相同的片段

<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>

使用列表

{{item}

使用表
{{item}}

在

中使用ng repeat是否不正确。如何正确使用表格。

Per

表是用标记定义的

使用标记将表划分为表行

表行通过标记划分为表数据

表行也可以用标记划分为表标题

所以根本原因是您缺少

元素中的

或

元素

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

{{item}

是的，检查了plunker

您需要记住将

放入

中<代码>是显示元素，

是结构元素

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

{{item}

在使用

ng repeat

构建表格时，应使用

td

标记指定每行单元格的内容，如下所示：

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

{{$index}}
{{item}}

您可能需要在

中放入一些

：

{{{item}