angularjs ng-repeat不会循环通过模态框

Question

大家好，所以我正在为一堂课建立这项任务，而且我已经到了墙上。 ng-repeat没有循环通过模态框。它循环通过第一个项目，但然后停止。有帮助吗？这是一个jsbin来说明。

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

谢谢大家。

Answer 1

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

的更新
通过将为每个模态窗口生成的id绑定到$index的{​​{1}}，我可以让缩略图加载适当的图像。请看以下几行：

ng-repeat

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