ng-repeat不适用于表<tr>,但适用于列表<li>

jsbisht

我有以下代码: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>

在中使用ng-repeat是否不正确<tr>我怎样才能正确使用桌子。

Rebornix

每个W3C HTML表格定义

表是用标记定义的。

带有标签的表分为几行。

表格行通过标记分为表格数据。

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

tr -d不适用于回车

来自分类Dev

表td colspan不适用于带id的tr

来自分类Dev

表td colspan不适用于带ID的tr

来自分类Dev

ng-repeat范围不适用于其中的指令

来自分类Dev

JSON解析不适用于ng-repeat

来自分类Dev

Angular指令不适用于ng-repeat

来自分类Dev

ng-repeat不适用于json值

来自分类Dev

数据绑定不适用于嵌套ng-repeat

来自分类Dev

溢出-不适用于ng-repeat

来自分类Dev

ng-repeat 不适用于对象的对象

来自分类Dev

AngularJS ng-disabled不适用于列表项

来自分类Dev

ng-if不适用于getDay()

来自分类Dev

Ng样式不适用于背景

来自分类Dev

删除Li不适用于动态li

来自分类Dev

文本分隔符适用于第n个孩子,但不适用于li + li用于无序列表下的列表项

来自分类Dev

AngularJS ngAnimate 适用于 ng-leave 但不适用于 ng-enter

来自分类Dev

为什么margin-bottom 不适用于<tr>?

来自分类Dev

课堂上的文本方向不适用于 tr

来自分类Dev

ng-click内部ng-repeat不适用于:focus和display

来自分类Dev

ng-click with ng-repeat不适用于直接表达式(非函数)

来自分类Dev

ng-selected不适用于ng-repeat设置默认值

来自分类Dev

ng-click内部ng-repeat不适用于:focus和display

来自分类Dev

ng-change不适用于ng-select

来自分类Dev

ng-click不适用于ng-if

来自分类Dev

ng-focus不适用于ng-include

来自分类Dev

ng-focus不适用于ng-include

来自分类Dev

Bootstrap CSS类不适用于动态<li>

来自分类Dev

CSS宽度不适用于<ul> <li> <label>等

来自分类Dev

Bootstrap CSS类不适用于动态<li>