question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: Android 5.0 / Pull-to-refresh or infinite scroll does not work with ng-include and native scrolling

See original GitHub issue

Using Native Scrolling.

Type: <span ionic-type>bug</span>

Platform: <span ionic-platform>android</span> <span ionic-platform-version>5.0</span> <span ionic-webview>webview</span>

<span ionic-description><ion-content > <ion-refresher pulling-text="Tirer pour rafraîchir..." on-refresh="doRefresh()"> </ion-refresher> <div ng-include="'list-content.tpl.html'"></div> </ion-content>

This well works, pull-to-refresh works.

However, when including ion-refresher into the ng-include:

<ion-content >
        <div ng-include="'list-content.tpl.html'"></div>
</ion-content>

Pull-to-refresh does not work at all. No icon, nothing.

Content of the list-content.tpl.html:

<div ng-show="!loading && !stateIsLoading">
    <!--<ion-refresher 
                       pulling-text="Tirer pour rafraîchir..."
                       on-refresh="doRefresh()">
     </ion-refresher>  does not work when put here --> 
    <ion-list>
        <ion-item collection-repeat="item in items track by item.id"
                  item-width="'100%'"
                  class="item" ng-click="show(item.id)">
            <div class="item-icon-right">
                <div class="row">
                    <!-- simple content here -->
        </ion-item>
    </ion-list>
</div>

Tested on release 1.0.0 and last nightly build.</span>

<span is-issue-template></span>

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:1
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
mhartingtoncommented, Jun 18, 2015

Then don’t use ng-includes? If it works fine inlining the content, then I don’t think there needs to be an extra step to use an ng-include.

0reactions
ionitron-bot[bot]commented, Sep 1, 2018

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Read more comments on GitHub >

github_iconTop Results From Across the Web

infinite-scroll not working properly - Stack Overflow
So since you gave it value "2", on desktop (assuming you have a full HD monitor), it will start scrolling immediately. Similar scenario...
Read more >
made-in-france - npm
🌟 Name 🌍 6408 @jacomyal/sigma.js ↗️ 5964 @mgcrea/angular‑strap ↗️ 3092 @MoOx/postcss‑cssnext ↗️
Read more >
Viewing online file analysis results for 'Stock Edge v4.4.0 ...
hasMoreSecurityGainers = true; // this will call infinite scroll function ... However, using ng-include on an element with additional content does not make ......
Read more >
top5relatedtags - Stack Exchange Data Explorer
TagName IN ('javascript', 'java', 'c#', 'php', 'android', 'python', 'jquery', 'html', 'c++', 'ios', 'css', 'mysql', 'sql', 'asp.net', ...
Read more >
AngularJS 1.2.x - Unsaved project - Plunker
The passed in callback will receive the context the returned function is ... in the Ionic scroll view, rather it * disables the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found