javascript - angularjs ng-repeat 不循环模态框

Question

大家好，我正在为类(class)做这个作业，但我已经遇到了困难。 ng-repeat 不会循环遍历模态框。它循环遍历第一个项目，但随后停止。有什么帮助吗？这里用一个jsbin来说明。

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

谢谢大家。

Answer 1

使用 Firebug 查看源代码，您的代码看起来正在执行其应该执行的操作。每个列表项都有一个唯一的缩略图图片和 html 中的模式窗口。这不是一个循环问题。问题是所有缩略图都加载相同的模式窗口(第一个)。

更新
通过将每个模态窗口生成的 id 绑定(bind)到 ng-repeat 的 $index ，我能够让您的缩略图加载适当的图像。查看以下几行:

<div class="modal fade" id="myModal{{$index}}">

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

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