Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/objective-c/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 离子/角度大图像列表,滚动冻结_Angularjs_Performance_Ionic Framework_Scroll_Angularjs Ng Repeat - Fatal编程技术网

Angularjs 离子/角度大图像列表,滚动冻结

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"

我的ionic(1)应用程序中有一个链接和图像列表。我正在使用
收集重复
,但速度非常慢

我切换到网格列表,这样我们的用户可以更好地看到图片:

在视频中,每当你看到一个项目突出显示,是我的手指无法“捕捉”滚动…超级烦人

你知道我能做些什么来改进卷轴和向这个很长的列表视图的过渡吗

非常感谢你的帮助

<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;)你认为这会比重复收集快吗?你必须混合它们:看看