ng重复不使用表<tr>但是与列表<李>
ng-repeat not working with table <tr> but works with list <li>
我有以下代码: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重复是否不正确。我怎么能正确使用桌子呢。
根据W3C HTML表定义
表是用标记定义的。
使用标记将表划分为表行。
表行通过标记被划分为表数据。
表格行也可以通过标记划分为表格标题。
因此,根本原因是您错过了<tr>
元素中的<td>
或<th>
元素
<tr ng-repeat="item in sampleArray"><td>{{item}}</td></tr>
使用ng-repeat
构建表时,应指定每行单元格的内容,td
标记如下:
<table>
<tr ng-repeat="item in sampleArray">
<td>{{$index}}</td>
<td>{{item}}</td>
</tr>
</table>
是的,检查了plunker,
您需要记住将<td>
放入<tr>
中。CCD_ 11是显示元件,CCD_。
<tr ng-repeat="item in sampleArray"><td>{{item}}</td></tr>
相关文章:
- 正在检测导航到<a name=“;最新主题”></a>
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- 在<script src=“"></脚本>标签
- 等效于<script src=“;something1.json”></脚本>
- CSS/.JS问题,<ul><李>在Megamenu中
- 如何在<td></td>在Procractor中
- 显示“<script src='some.js'></脚本>"在Html文档中
- 如何将Array转换为<ul><李>以字母为标题的字母列表
- <script src=“//代码.jquery.com/jquery-1.11.1.min.js”></
- 选择<脚本></脚本>作为html正文中的纯文本
- 可折叠<UL><李>不起作用
- $.mobile.loadPage()和$(“linkBtn”).click();t负载<头部></头部&
- <脚本/>vs<脚本></脚本>webpack和angular
- Javascript/RRails-如何包装link_to而不是<a></a>在javascript
- jQuery在处理<选择><选项>
- 布局lt md已被弃用.请使用`layout gt-<xxx>`变种
- 在<%%中定义的访问变量>从<脚本></脚本>
- 页面设计<a href><按钮><输入>在JSP中
- 注入html标记<ul></ul>在我的<李></李>元素
- jQuery选择器<按钮></按钮>