Javascript 需要帮助在angularjs+ionic上的fancy select中包含无限卷轴吗

我在我的应用程序中使用了这个指令这是angularjs和ionic，我的问题是当我试图在这个指令中使用无限滚动来加载更多数据时，只有当我滚动时：

        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="search" ng-model="search" placeholder="Buscar ...">
        </label>
        <!-- Multi select -->
        <ion-toggle
                    ng-repeat="item in items | filter:search"
                    ng-if="multiSelect"
                    ng-checked="item.checked"
                    ng-model="item.checked"
                    class="item item-text-wrap">
            {{item.text}}
        </ion-toggle>

        <!-- Single select -->
        <ion-item
               ng-repeat="item in items | filter:search"
               ng-if="!multiSelect"
               class="item item-text-wrap"
               ng-click='validateSingle(item)'>
            {{item.text}}
        </ion-item>
    </ion-list>
    
    <ion-infinite-scroll spinner on-infinite="loadMore()" distance="10%">

    </ion-infinite-scroll>
</ion-content>

首先，我会去显示我的代码，然后解决问题

        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="search" ng-model="search" placeholder="Buscar ...">
        </label>
        <!-- Multi select -->
        <ion-toggle
                    ng-repeat="item in items | filter:search"
                    ng-if="multiSelect"
                    ng-checked="item.checked"
                    ng-model="item.checked"
                    class="item item-text-wrap">
            {{item.text}}
        </ion-toggle>

        <!-- Single select -->
        <ion-item
               ng-repeat="item in items | filter:search"
               ng-if="!multiSelect"
               class="item item-text-wrap"
               ng-click='validateSingle(item)'>
            {{item.text}}
        </ion-item>
    </ion-list>
    
    <ion-infinite-scroll spinner on-infinite="loadMore()" distance="10%">

    </ion-infinite-scroll>
</ion-content>

fancy-select-items.html我放在这里：

        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="search" ng-model="search" placeholder="Buscar ...">
        </label>
        <!-- Multi select -->
        <ion-toggle
                    ng-repeat="item in items | filter:search"
                    ng-if="multiSelect"
                    ng-checked="item.checked"
                    ng-model="item.checked"
                    class="item item-text-wrap">
            {{item.text}}
        </ion-toggle>

        <!-- Single select -->
        <ion-item
               ng-repeat="item in items | filter:search"
               ng-if="!multiSelect"
               class="item item-text-wrap"
               ng-click='validateSingle(item)'>
            {{item.text}}
        </ion-item>
    </ion-list>
    
    <ion-infinite-scroll spinner on-infinite="loadMore()" distance="10%">

    </ion-infinite-scroll>
</ion-content>

在我的表单模板中，我放了以下内容：

        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="search" ng-model="search" placeholder="Buscar ...">
        </label>
        <!-- Multi select -->
        <ion-toggle
                    ng-repeat="item in items | filter:search"
                    ng-if="multiSelect"
                    ng-checked="item.checked"
                    ng-model="item.checked"
                    class="item item-text-wrap">
            {{item.text}}
        </ion-toggle>

        <!-- Single select -->
        <ion-item
               ng-repeat="item in items | filter:search"
               ng-if="!multiSelect"
               class="item item-text-wrap"
               ng-click='validateSingle(item)'>
            {{item.text}}
        </ion-item>
    </ion-list>
    
    <ion-infinite-scroll spinner on-infinite="loadMore()" distance="10%">

    </ion-infinite-scroll>
</ion-content>

  scope.loadMore = function() {
      $timeout(function() {
          scope.items.push({
              id: "1",
              text: "teste"
          });
          console.log('inseriu');
          $scope.$broadcast('scroll.infiniteScrollReady');
          $scope.$broadcast('scroll.infiniteScrollComplete');
          $scope.$broadcast('scroll.resize');

      }, 500);
  }    

必须像这样工作，滚动到底部时每次一个：

        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="search" ng-model="search" placeholder="Buscar ...">
        </label>
        <!-- Multi select -->
        <ion-toggle
                    ng-repeat="item in items | filter:search"
                    ng-if="multiSelect"
                    ng-checked="item.checked"
                    ng-model="item.checked"
                    class="item item-text-wrap">
            {{item.text}}
        </ion-toggle>

        <!-- Single select -->
        <ion-item
               ng-repeat="item in items | filter:search"
               ng-if="!multiSelect"
               class="item item-text-wrap"
               ng-click='validateSingle(item)'>
            {{item.text}}
        </ion-item>
    </ion-list>
    
    <ion-infinite-scroll spinner on-infinite="loadMore()" distance="10%">

    </ion-infinite-scroll>
</ion-content>

---

请帮帮我，我的英语不太好，抱歉用错了词。

尝试将代码移到$apply中

        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="search" ng-model="search" placeholder="Buscar ...">
        </label>
        <!-- Multi select -->
        <ion-toggle
                    ng-repeat="item in items | filter:search"
                    ng-if="multiSelect"
                    ng-checked="item.checked"
                    ng-model="item.checked"
                    class="item item-text-wrap">
            {{item.text}}
        </ion-toggle>

        <!-- Single select -->
        <ion-item
               ng-repeat="item in items | filter:search"
               ng-if="!multiSelect"
               class="item item-text-wrap"
               ng-click='validateSingle(item)'>
            {{item.text}}
        </ion-item>
    </ion-list>
    
    <ion-infinite-scroll spinner on-infinite="loadMore()" distance="10%">

    </ion-infinite-scroll>
</ion-content>

->花式精选