使用 ng-repeat 生成的 Getuikit uk-slideshow 不显示图像答案

【问题标题】：Getuikit uk-slideshow generated with ng-repeat not showing images使用 ng-repeat 生成的 Getuikit uk-slideshow 不显示图像
【发布时间】：2016-08-08 11:32:34
【问题描述】：

大家好，我对 uikit 幻灯片 + angularjs 有疑问。当我使用 ng-repeat 试图将所有图像带到 uk-slideshow 时，图像没有显示。有没有人有类似的问题？当我从 div 图像中删除 ng-repeat 标记时，图像又回来了。我现在很困惑。

<div class="uk-width-1-2" ng-repeat="property in properties">
    <div class="uk-slidenav-position" data-uk-slideshow="{animation: 'scroll'}">
        <ul class="uk-slideshow">
           <li ng-if="property.pictures.length > 0" ng-repeat="pp in property.pictures">
               <img src="../img/2_wide.jpg" />
           </li>
        </ul>
        <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
        <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
   </div>
</div>

【问题讨论】：

为什么``是硬编码的？那不应该是动态的吗？
它只是测试。可以是动态的<img ng-src="../img/{{ pp.picture }}">。问题是当我删除所有 ng 标签时，滑块正在工作。当我把它放回去时它就不会了
幻灯片初始化后可能会出现图片，所以尝试在data-uk-slideshow旁边添加data-uk-observe

标签： css angularjs html angularjs-directive getuikit

【解决方案1】：

只需添加“data-uk-check-display”

<div class="uk-slidenav-position" data-uk-slideshow="{animation: 'scroll'}" data-uk-check-display>

【讨论】：