2017-01-24 81 views
0

離子框架選擇用離子無限滾動頂部的項目

<ion-content bg-dark class="has-subheader has-footer has-tabs"> 
 
\t \t \t <div class="list active"> 
 
\t \t \t \t <div class="item item-divider" ng-repeat="item in controller.list" align="center" > 
 
\t \t \t \t \t <h2 class="default" ng-click="controller.load(item.a,item.b)" ng-class="{'selected':item.b==controller.b}" align="center">{{item.b}}</h2> 
 
\t \t \t \t </div> \t \t \t \t 
 
\t \t \t </div> 
 
\t  \t <ion-infinite-scroll ng-if="!controller.noMoreItemsAvailable" on-infinite="controller.load()" distance="5%"></ion-infinite-scroll> 
 
    </ion-content>

和我的.css文件是

.selected{ 
 
    color:black !important; 
 
} 
 

 
.default{ 
 
    color:#7b7a7a; 
 
}

我需要選擇當我從滾動,使該項目的活躍,也是我需要頂部的第三個項目,以瞭解如何獲得該項目在控制器

我嘗試使用

$ ionicScrollDelegate.getScrollPosition()頂部。

但它不工作!

enter image description here

上述圖像顯示我需要的滾動時。

回答

0

您必須在列表加載時將其選中,並將其保存在範圍變量listenCtrl.b中。

也許你沒有正確調用你的範圍在這種情況下,我猜你正在使用controllerAs,並與controller.訪問的範圍,但在NG-類可以訪問listenCtrl代替。也許你還必須使用controller

+0

對不起,這是一個輸入錯誤,它不是問題! – Sabreena

+0

我需要在該位置的物品,而不是位置值 – Sabreena

+0

爲什麼不能在陣列和位置上選擇它?像controller.b = controller.list [2]。我想不清楚什麼時候你想選擇它,「當你滾動」?只要你滾動?當用戶長時間觸摸屏幕時? – Hiraqui