ionic-framework - ionic 应用程序 : console error ignored attempt to cancel a touchstart event

标签 ionic-framework

当用户滚动 collection-repeat 时,我的 ionic 应用程序中出现此错误长长的名单。

ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

知道这是什么吗?

模板:
<div class="scrollContainer">
    <ion-scroll zooming="false" direction="y" overflow-scroll="false">

        <div class="loadingboards" ng-if="!transitionFinished">
            <ion-spinner class="spinner spinner-ios">
            </ion-spinner>
            <br/>
            Loading boards list...
        </div>

        <div id="boardselection" ng-if="transitionFinished">
            <ion-item collection-repeat="item in prodataSelect | orderBy:data.sort | filter: data.selectBrand.brand:true | filter: data.selectName.name | unique:'modelStrict'" item-width="96%" item-height="'18%'">

                <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' : ''))">
                    <img class="imageoptionsbrand" ng-src="{{ imagesUrls[(item.brand | lowercase | nospace)+'.png'] }}" />
                    <div class="listviewTrophy" ng-if="isWinning(item.id)">
                        <i class="icon ion-trophy"></i>
                        <div class="winningboardtext" translate="computepage.30">Winning Board</div>
                    </div>
                    <i class="icon ion-female" ng-show="item.gender == 'female'"></i>
                    <div class="listviewtexts" ng-class="item.fun == '0' ? 'aNormal' :( item.fun == '1' ? 'aSmallWave' : (item.fun == '2' ? 'aStepUp' : ''))">
                        <span class="listviewtextsmodel">{{item.modelStrict}}</span>
                    </div>
                    <div class="imagebox rotate90rightCenter">
                        <img class="imageoptionsmodel " ng-src="{{imagesUrls[item.imageName]}}" />
                    </div>
                </a>

            </ion-item>
        </div>

    </ion-scroll>
</div>

谢谢

最佳答案

在文件 vendor.js 中评论这些行对我有用

ToggleGesture.prototype.onDragStart = function (ev) {
    /*ev.preventDefault();*/
    this.toggle._onDragStart(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
};
ToggleGesture.prototype.onDragMove = function (ev) {
    /*ev.preventDefault();*/
    this.toggle._onDragMove(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
};
ToggleGesture.prototype.onDragEnd = function (ev) {
    /*ev.preventDefault();*/
    this.toggle._onDragEnd(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
};

关于ionic-framework - ionic 应用程序 : console error ignored attempt to cancel a touchstart event,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38786056/

相关文章:

javascript - 如何访问 `$scope.search.value`?

angular - mat-datepicker 添加 touchUI 条件

sqlite - 打开数据库,Cordova Web浏览器时出错

ionic-framework - 使用 Ionic 框架推送通知

javascript - Angular $stateProvider 未按预期路由

javascript - 等待 querySelectorAll

ionic-framework - ionic 存储不必要的变化

angularjs - 如何设置超时以中止工厂或服务中的 $http.get()?

ionic-framework - 无法添加 cordova-plugin-telerik-imagepicker。此插件中的 <edit-config> 更改与 config.xml 中的 <edit-config> 更改冲突

javascript - 恢复或暂停cordova事件后如何解决?