在离子框架中选择离子无限滚动的顶级项目

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（）顶部;

但它不起作用!!!

上图显示了滚动时我需要的内容。

Answer 1

加载列表时必须选择它，并将其保存在范围变量listenCtrl.b中。

在这种情况下，您可能没有正确调用范围，我猜您正在使用controllerAs并使用controller.访问范围，但在ng-class中您可以访问{{ 1}}而不是。可能你也必须使用listenCtrl。