离子3 - approxItemHeight在virtualScroll

不工作我有一个virtualScroll这里我指定approxItemHeight：离子3 - approxItemHeight在virtualScroll

<ion-list [virtualScroll]="myArray" [approxItemHeight]="'320px'"> 
    <ion-item *virtualItem="let myItem"></ion-item> 
</ion-list>

的approxItemHeight价值似乎当离子创建列表被忽略。

下面是在页面加载离子列表元素：

<ion-list class="list list-ios virtual-scroll" ng-reflect-virtual-scroll="[object Object],[object Object" ng-reflect-approx-item-height="320px" style="height: 89px;">

整个列表的样式被指定为89px，即使我指定approxItemHeight是320像素。

下面是该列表中的第1离子项元件在页面加载：

<ion-item class="item item-block item-ios virtual-position" aria-posinset="2" aria-setsize="2" style="transform: translate3d(0px, 44px, 0px);">

滚动其高度被适当地计算出的列表之后，虽然这是不再使用约尺寸的初始计算的结果，在这一点上元素已经被初始化，并且一切都根据它们的实际渲染大小来计算。

到目前为止，我发现的唯一解决方案是通过css为列表元素定义min-height，尽管我不确定它是否是一个合适的解决方案，以及是否会在将来导致问题。

你能帮我理解发生了什么吗？

来源

2017-07-17 Royi Bernthal

由Ionic document：

近似的宽度和每个模板的高度是用来帮助确定有多少细胞应创建，并帮助计算高度的滚动区域。

我们可以理解大概的宽度和高度不用于固定物品的大小。所以如果你想确定每个项目的大小，只需在CSS中进行。

来源

2017-07-17 16:17:08 Duannx

**并帮助计算可滚动区域的高度。** 请再次阅读我的问题。问题是计算的列表高度。我使用css无论为渲染目的决定项目大小，这不是问题，问题是approxItemHeight在渲染发生之前没有被正确地用于大概的计算。 –

对不起，我仔细阅读你的问题，但仍然无法理解你的实际问题。 – Duannx

根据approxItemHeight未正确计算清单高度。 –

离子3 - approxItemHeight在virtualScroll

回答

相关问题