Javascript 嵌套ng重复序列为';t工作不正常
我试图调用一个双嵌套的ng repeat来循环对象中的对象,但它就是不起作用。我正在使用表(tr,td) 这是我的HTML代码:Javascript 嵌套ng重复序列为';t工作不正常,javascript,angularjs,Javascript,Angularjs,我试图调用一个双嵌套的ng repeat来循环对象中的对象,但它就是不起作用。我正在使用表(tr,td) 这是我的HTML代码: <tr ng-repeat="row in rows"> <td ng-repeat="item in row"> {{item}} </td> </tr> 但是这张表什么也不打印。我做错了什么?谢谢 更新 stackoverflow示例工作正常,抱歉 对于我的数据,原始阵列不起作用: [["10:0
<tr ng-repeat="row in rows">
<td ng-repeat="item in row">
{{item}}
</td>
</tr>
但是这张表什么也不打印。我做错了什么?谢谢
更新
stackoverflow示例工作正常,抱歉
对于我的数据,原始阵列不起作用:
[["10:00","0","0","3","0","0","0","0"],
["12:00","0","0","3","0","0","0","0"],
["14:00","0","0","3","0","0","0","0"],
["16:00","0","0","3","0","0","0","0"],
["18:00","0","0","3","0","0","0","0"],
["20:00","0","0","3","0","0","0","0"],
["22:00","0","0","3","0","0","0","0"]]
我想创建如下内容:
使用示例数据运行代码时,如图所示,控制台日志中注意到以下错误:
错误:[ngRepeat:dupes]中继器中不允许重复。使用“跟踪依据”表达式指定唯一关键点。中继器:行中的项目,重复键:字符串:0,重复值:0
这可以通过在ng repeat
表达式中添加track by
表达式来解决。由于数据中没有特定列可用作索引,因此可以使用ng repeat
的$index
特殊属性
<tr ng-repeat="row in rows">
<td ng-repeat="item in row track by $index">
{{item}}
</td>
</tr>
{{item}}
此代码将为您提供预期的输出
表格根本没有被打印(没有tr或td标签)还是仅仅是{item}模式没有被填充?如果你删除
项目中的锐i(í)并使用项目
而不是ng repeat,它对我来说是有效的。你的内部中继器中有重复的数据。您必须使用跟踪方式
,以迭代该数据;控制台中应该有一个错误通知您这个事实。请尝试ng repeat=“行中的项按$index跟踪”
@Claies您应该添加这一点作为答案,我觉得这似乎是个问题。
<tr ng-repeat="row in rows">
<td ng-repeat="item in row track by $index">
{{item}}
</td>
</tr>