使用Angular ngRepeat时未应用CSS样式

时间:2016-05-17 14:10:24

标签: html css angularjs angularjs-ng-repeat lightbox

我试图使用Lightbox来显示图片:

<div class="t-body tb-padding">
                <p class="c-black m-b-20">Images</p>

                <div ng-repeat="images in selectedItemToView.images">
                    <div class="lightbox row">

                        <a href="/user/2" class="col-sm-2 col-xs-6">
                            <img src="/user/2" alt=""  />
                        </a>

                    </div>
                </div>

                <div class="lightbox row">

                    <a href="/user/2" class="col-sm-2 col-xs-6">
                        <img src="/user/2" alt=""  />
                    </a>
                </div>
            </div>

我有两个DIV,一个是ngRepeat,一个没有它。我正在显示相同的图像。图像显示正确,但是当我单击它们时,使用ngRepeat显示的图像只会下载。外部图像正常工作,以Lightbox方式显示图像(不会下载)。

我查看了应用的样式,它们似乎都应用了相同的CSS样式。

当我从DIV中删除ng-repeat时,它工作正常。所以使用ngRepeat不知何故导致Lightbox无法正常工作。

请求标头: 使用ng-repeat: enter image description here

没有: enter image description here 有什么想法吗?

谢谢。

0 个答案:

没有答案