有没有办法滚动到离子列表中的特定项目?
例如在此代码笔中:https://codepen.io/anon/pen/grEBQJ https://codepen.io/anon/pen/grEBQJ
当我转到测试按钮时,我想滚动到带有文本“文本”的列表项。
<button ng-click="goTo()">Go to test</button>
<ion-list class="item">Test</ion-list>
我没有找到任何示例,因此 goTo 只是空白:
$scope.goTo = function(){
}
您必须设置一个 id 来列出元素,例如:
<ion-item id="item{{item.id}}" ng-repeat="item in items">
Item {{ item.id }}
</ion-item>
进而,$scope.goTo()
方法必须修改位置哈希并调用anchorScroll()
方法来自$ionicScrollDelegate
服务 :
$scope.goTo = function(id){
$location.hash('item'+id);
$ionicScrollDelegate.anchorScroll();
}
Check $ionicScrollDelegate 文档 http://ionicframework.com/docs/api/service/%24ionicScrollDelegate了解更多信息。
使用您的 codepen 更新:https://codepen.io/anon/pen/RadXqL https://codepen.io/anon/pen/RadXqL
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)