Angularjs 离子/角度大图像列表,滚动冻结
我的ionic(1)应用程序中有一个链接和图像列表。我正在使用Angularjs 离子/角度大图像列表,滚动冻结,angularjs,performance,ionic-framework,scroll,angularjs-ng-repeat,Angularjs,Performance,Ionic Framework,Scroll,Angularjs Ng Repeat,我的ionic(1)应用程序中有一个链接和图像列表。我正在使用收集重复,但速度非常慢 我切换到网格列表,这样我们的用户可以更好地看到图片: 在视频中,每当你看到一个项目突出显示,是我的手指无法“捕捉”滚动…超级烦人 你知道我能做些什么来改进卷轴和向这个很长的列表视图的过渡吗 非常感谢你的帮助 <div class="scrollContainer boardsTab"> <ion-scroll zooming="false" direction="y"
收集重复
,但速度非常慢
我切换到网格列表,这样我们的用户可以更好地看到图片:
在视频中,每当你看到一个项目突出显示,是我的手指无法“捕捉”滚动…超级烦人
你知道我能做些什么来改进卷轴和向这个很长的列表视图的过渡吗
非常感谢你的帮助
<div class="scrollContainer boardsTab">
<ion-scroll zooming="false" direction="y" overflow-scroll="false">
<!-- <ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()">
</ion-refresher> -->
<div class="loadingboards" ng-if="!transitionFinished">
<ion-spinner class="spinner spinner-ios">
</ion-spinner>
<br/>
Loading boards list...
</div>
<div class="boardselection firstScreen" ng-if="transitionFinished">
<ion-item collection-repeat="item in prodataSelect | orderBy:data.sort | filter: data.selectBrand.brand:true | filter: data.selectName.name | filter: generalSearchFunc | filterObj:['brand','modelStrict']" item-width="25%" item-height="35%" item-render-buffer="8">
<a class="optionfuninit item-content" data-proid="{{item.id}}" ng-click="whatToDo(item.id,$event);" ng-class="item.fun == '0' ? 'aNormal' :( item.fun == '1' ? 'aSmallWave' : (item.fun == '2' ? 'aStepUp' : ''))">
<div class="listviewTrophy" ng-if="isWinning(item.id)">
<i class="icon ion-trophy"></i>
</div>
<i class="icon ion-female" ng-show="item.gender == 'female'"></i>
<p class="flex-caption" fittext fittext-min="10" fittext-max="15" ng-bind="item.modelStrict" >
{{item.modelStrict}}
</p>
<div class="imagebox">
<img class="imageoptionsmodel " ng-src="{{imagesUrls[item.imageName]}}"/>
</div>
</a>
</ion-item>
</div>
</ion-scroll>
</div>
加载板列表。。。
{{item.modelStrict}}
一个想法是实现一个可分页列表,并使用“无限滚动”,例如:ionic 2;)你认为这会比重复收集快吗?你必须混合它们:看看