在離子框架中選擇離子無限滾動的頂級產品

Question

我有

 <ion-content bg-dark class="has-subheader has-footer has-tabs"> <div class="list active"> <div class="item item-divider" ng-repeat="item in controller.list" align="center" > <h2 class="default" ng-click="controller.load(item.a,item.b)" ng-class="{'selected':item.b==controller.b}" align="center">{{item.b}}</h2> </div> </div> <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（）。top;

但它不起作用！！！

上圖顯示了滾動時需要的內容。

Answer 1

列表加載時必須選擇它，並將其保存在作用域變量listenCtrl.b 。

在這種情況下，也許您未正確調用范圍，我猜您正在使用controllerAs並通過controllerAs訪問范圍controller. ，但是在ng-class中，您改為訪問listenCtrl 。 也許您也必須使用controller 。