javascript - 离子刷新器与隐藏显示动画AngularJS冲突

Question

我有一页我希望使用功能拉来刷新。在此页面中，我有 2 个隐藏和显示部分。

出于某种原因，每次触摸以显示隐藏/显示工具中隐藏的内容时，我的页面都会刷新。如果我只删除控制器上的代码。我的页面仍然只使用 html 代码进行刷新，它可以很好地与隐藏/显示一起使用，但在这种情况下，重新加载后的页面并没有真正停留在顶部，而是位于下方。如何解决这个问题？似乎隐藏/显示的 ionic 和 angularjs 动画之间存在冲突

下面的代码：

<ion-view has-bouncing="false">
    <ion-content>
        <div id="Loader" class="simpleFadeIn" ng-if="!AccountLoaded">
            <loader-bcs></loader-bcs>
        </div>
        <div style="opacity:0;animation-delay:0.8s" ng-class="AccountLoaded? 'simpleFadeIn':''">
            <div class="header">
                <div class="headerCol"></div>
                <div class="headerCol">
                    <img src="content/images/icon.png" class="iconApp">
                </div>
                <div class="headerCol" ng-click="goToPatrimonyPage()">
                    <i class="fa fa-pie-chart" aria-hidden="true"></i>
                </div>
            </div>
            <ion-refresher on-refresh="doRefresh()" refreshing-icon="" ng-hide="true">
            </ion-refresher>
            <div class="content-container">
                <div class="titlePage">{{'IntegratedPosition' | translate}}</div>
                <div id="contentList">
                    <div class="CardListClose CardList" ng-class="showDetailsActive == true ? '':'CardListClose'" ng-click="showDetailsActive==true ? showDetailsActive=false : showDetailsActive=true">
...
  <div class="CardListClose CardList" ng-class="showDetailsPassive == true ? '':'CardListClose'" ng-click="showDetailsPassive==true ? showDetailsPassive=false : showDetailsPassive=true">
                        <div class="headerCard">
                            <div class="CardHeaderCol"> ....
 </div>

    </ion-content>
</ion-view>

在控制器上：

        $scope.doRefresh = function () {
            bcsSQLiteStorage.deleteDataDB(EntityIntegratedPositionKey);
            bcsSQLiteStorage.deleteDataDB(EntityFinancialPositionKey);

//this is a call to a service, should I make it synchronous?
            getEntityFinancialIntegratedPosition();
            $ionicScrollDelegate.scrollTop();

        };

此代码会在切换隐藏/显示 div 时产生拉动刷新

这里有什么问题？

标签： javascriptangularjsionic-framework