Question

我在列表中加载了一个图像列表。由于图像加载时间

，因此位置错误

String pattern = ...;
#sql {INSERT INTO my_table (id, pattern) VALUES (my_seq.nextVal(), :(pattern))};

一旦指令和图像完全充电，我需要刷新页面。

我在jqueryMobile中寻找类似$（DOM）触发器（＆＃34; create＆＃34;）的解决方案。

Answer 1

最佳解决方案是为item-width设置item-height和/或collection-repeat。

在我的图片库列表中，我通过取窗口的innerWidth并除以4（4列）来计算宽度。然后我把它的Math.floor分配给我的高度和宽度（我想要方形图像）。

我的控制器有：

ctrl.calculatedHeight = (Math.floor($window.innerWidth/4));

使用html：

<div
    class="center-box"
    ng-click="ctrl.openMedia(media)"
    collection-repeat="media in ctrl.media"
    item-width="ctrl.calculatedHeight + 'px'"
    item-height="ctrl.calculatedHeight + 'px'"
    item-render-buffer="8"
>
    <img
    ng-if="!media.isLoadingMedia"
    ng-src="{{media.dataUrl}}"
    ng-style="{height: ctrl.calculatedHeight + 'px', width: ctrl.calculatedHeight + 'px'}" />
    <ion-spinner
    ng-if="media.isLoadingMedia"
    ></ion-spinner>
</div>

（加载时，每张图片都会显示一个微调器。）

我怎样才能在Ionic框架中清新风格和方向

1 个答案: