angularjs ng repeat不会在模态框中循环

angularjs ng-repeat is not looping through the modal box

本文关键字：模态 循环 ng repeat angularjs      更新时间：2024-02-16

大家好，我正在为一个班做这项作业，我已经到达了一堵墙。ng repeat不会在模态框中循环。它循环通过第一个项目，但随后停止。有什么帮助吗？这里有一个jsbin进行说明。

http://jsbin.com/OZaGipAg/2/edit

谢谢大家。

查看Firebug的源代码，您的代码看起来正在做它应该做的事情。对于html中的缩略图和模态窗口，每个列表项都有一个唯一的图片。这不是一个循环问题。问题是所有缩略图都加载了相同的模式窗口（第一个）。

更新
我能够通过将为每个模式窗口生成的id绑定到ng-repeat的$index来获得缩略图以加载适当的图像。查看以下行：

<div class="modal fade" id="myModal{{$index}}">
<a href='#' data-toggle="modal" data-target="#myModal{{$index}}" >

这两行是您唯一使用id的地方。更改第24行和第44行以匹配。

相关文章：