AngularLynx

    Pull to Refresh

    A list that reloads when you pull it down, built from the <refresh> and <refresh-header> elements.

    element-refreshsrc/app/app.ts

    What it shows

    • <refresh> — wraps a header and a <scroll-view>, and adds the pull-down gesture. See <refresh>.
    • <refresh-header> — the content revealed while you pull. Here it reads "Pull down to refresh" or "Refreshing...".
    • (bindstartrefresh) — fires when a refresh starts. The handler sets refreshing, then replaces the items after a delay.
    • setTimeout as a stand-in — the delay simulates loading. Fetching data from a component isn't supported yet. See Network requests.