Question

<ion-header-bar>
  Showing at {{distance.current_scroll_distance}}
</ion-header-bar>

<ion-list>
  <ion-item collection-repeat='results in data.results'>
    {{result.name}} / {{result.distance}}
  </ion-item>
</ion-list>

我需要检测离子列表上的滚动，然后确定哪个是第一个可见的离子项，以更新头条上的current_scroll_distance。

帮助将不胜感激。

Answer 1

我不明白提到“哪个是第一个可见的离子项”？

请记住，每次ng-repeat都有一个$ index！那是作为元素的计数器，如果你想识别第一个，只是为了看$ index == 0？

Answer 2

你需要调用一个事件，无论你需要什么，然后使用ng-click捕获$ index例如：

<ion-header-bar>
  Showing at {{distance.current_scroll_distance}}
</ion-header-bar>

<ion-list>
  <ion-item collection-repeat='results in data.results'>
    <div ng-click="captureElemnt($index)">{{result.name}} / {{result.distance}}</div>
  </ion-item>
</ion-list>

JS：

$scope.captureElement = function(index){

  if (index == 0){

   //do whatever you need

  }

}

离子框架：如何检测离子列表中的可见离子项？

2 个答案: