Question

在我的ionicframework应用程序中我有这些项目（ng-repeat），其中每个项目都有一个带有延迟加载图像的滑块（它的功能）来自离子滑动基座的插件）：

<div class="listaImmobili" style="" ng-repeat="item in listaImmobili track by $index">
                <div class="item">
                    <div class="box-info">
                        <div class="description" style="">
                            <a href="#/app/immobili/vedi/{{item.ID}}">
                                <ion-slides options="sliderOption" slider="data.slider">
                                    <ion-slide-page ng-repeat="img in item.ImmagineImmobile">
                                        <img class="swiper-lazy" data-src="{{img.ImmagineUrl}} ">
                                    </ion-slide-page>
                                </ion-slides>
                            </a>
....

第一次加载视图时，一切正常。加载每个离子项的第一个图像，并且仅在请求时加载其他图像（向左滑动）。

现在：在此视图中有一个按钮，用户可以在其中更改listaImmobili（ng-repeat）的顺序。我可以改变订单但是＆＃34; new＆＃34;滑块不再显示第一个图像。如果我滑动图像元素（一个离子项），第一个图像（该离子项）变得可见。

如果订单发生变化，我该如何重新运行延迟功能？或者我如何重新加载整个页面？

由于

Answer 1

解决方案非常简单：添加

ng-if="visualizza"

到div容器，在开始重新加载之前，在函数中使用这一行

$scope.visualizza = false;

并在重新加载完成后添加

$scope.visualizza = true;

或在功能结束前添加。

不使用ng-show。您需要重新创建HTML和ng - 如果这样做。

ionicframework和slider update：懒惰的图像不是＆＃34;加载＆＃34;在更新滑块项目顺序上

1 个答案: