離子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

回答

相關問題