ионный каркас: как обнаружить видимый ионный элемент внутри ионного списка?

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

Вы должны назвать событие, в зависимости от того, что нужно, а затем захватить $ индекс, например, используя нг-клик:

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

ЯШ:

$scope.captureElement = function(index){ 

    if (index == 0){ 

    //do whatever you need 

    } 

}