saravmajestic / ionic

Custom Ionic components
352 stars 204 forks source link

can't use with ion-infinite-scroll and pull-and-refresh #50

Open cinder92 opened 8 years ago

cinder92 commented 8 years ago

Hello, thanks for your great work, i'm having an issue, i can't use your plugin with each sliding tab having their own infinite-scroll and pull-and-refresh.

Thanks!

<tab-slide-box tab="0">
     <div class="tsb-icons">
     <div class="tsb-ic-wrp">
        <ion-scroll direction="x" class="tsb-hscroll">
            <a href="javascript:;" 
                class="{{tab.icon}}" 
                ng-repeat="tab in home.tabs"
                ng-click="home.goTo($index)"
                ng-class="{'active' : home.currentTab == $index}"
                on-finish-render="home.test()"
            >
                {{tab.text}}
            </a>
        </ion-scroll>
    </div>
     </div>
        <ion-slide-box 
            show-pager="false"
            on-slide-changed="slideHasChanged($index)"
        >
            <ion-slide>

                <ion-content>

                    <ion-list class="noticias-list">
                        <ion-item ng-repeat="homilia in home.homilias">
                            <a class="item item-thumbnail-left item-text-wrap" ui-sref="homiliaDetails({'data' : homilia.id })">
                                  <div class="noticia-image pageBackground" show-once-background-loaded="{{homilia.image}}"></div>
                              <div class="item-text">
                                <h2 ng-bind-html="homilia.titulo"></h2>
                                <p>{{homilia.fecha}}</p>
                              </div>
                            </a>
                        </ion-item>
                    </ion-list>

                    <ion-infinite-scroll 
                  immediate-check="false"
                  ng-if="home.noMoreHomilias"
                  on-infinite="home.getHomilias()"
                  distance="1%">
                </ion-infinite-scroll>

                </ion-content>

            </ion-slide>

</ion-slide-box>
</tab-slide-box>