Ionic framework 离子框架列表滚动
我有一个使用Ionic框架的简单应用程序 它看起来像: 以下是列表代码:Ionic framework 离子框架列表滚动,ionic-framework,Ionic Framework,我有一个使用Ionic框架的简单应用程序 它看起来像: 以下是列表代码: <ion-list show-Reorder="data.showReorder"> <ion-item class="item-avatar item-icon-right" ng-repeat="band in bands" type="item-text-wrap" href="#/bands/{{auth.profile.name}}/{{band.id}}"> 如何在
<ion-list show-Reorder="data.showReorder">
<ion-item class="item-avatar item-icon-right" ng-repeat="band in bands" type="item-text-wrap" href="#/bands/{{auth.profile.name}}/{{band.id}}">
如何在不丢失
ng单击
和href
功能的情况下解决模糊问题,以使滚动更平滑 尝试使用ui sref而不是href。如果这不起作用,在你的离子项目中创建一个锚链接,并通过它重定向。希望这能解决您的问题。您能提供codepan吗?不幸的是,我不能,因为我以前从未使用过codepen,它对我来说太复杂了,因为与我的.js文件有太多的集成。但我在这里找到了一个例子:,它和我的一样。我希望列表的工作方式就像代码href=“#/item/{{{item.id}}”从该代码打开html中删除一样。这并不能真正解决您的问题。但对于性能问题,对于Ionic framework,您可以使用collection repeat
而不是ng repeat
。它仅加载屏幕上显示的项目。
<ion-list show-Reorder="data.showReorder">
<ion-item class="item-avatar item-icon-right" ng-repeat="band in bands" type="item-text-wrap">