Ion-infinite-scroll with old <i> ionicons ico

ionic-v1
1

hi, i’m using ionicons v 2.0.0 and there isn’t ion-loading-d icon, there is a method to customize the content of ion-infinite-scroll? the tag is injected by the directive

<ion-infinite-scroll on-infinite="fetchMore()" distance="20%" class="active"><i class="icon ion-loading-d icon-refreshing"></i></ion-infinite-scroll>

@tim @mhartington

2

Until we release the next version of ionic, it is suggested that you use ionicons 1.5.2, which are the default version that comes with beta 14.

We removed the animated font icons and created svg directives for the next release.

http://ionicframework.com/docs/nightly/api/directive/ionLoader/
(soon to be http://ionicframework.com/docs/nightly/api/directive/ionSpinner/)

3

Thank you @mhartington!

I’m using for now this version:

<div ng-if="showLoadMore" class="tac padding">
      <ion-loader icon="lines"></ion-loader>
      <ion-infinite-scroll
      spinner="lines"
      on-infinite="fetch()"
      distance="25%">
    </ion-infinite-scroll>
    </div>

ion-loader works but ion-infinite-scroll with spinner attribute doesn’t!

4

Here’s you go.

5

@mhartington I’m sorry for making you waste time, the problem was in lack of include of two scss in my custom app.scss !!! I have to rememer to check in there every time i upgrade the ionic version!!!

Ps: for ionicons i uese v2.0.1 like the last nightly build included via bower :smile:

 // Components
  "../../lib/ionic/scss/action-sheet",
  "../../lib/ionic/scss/backdrop",
  "custom_bar",
  "custom_tabs",
  "../../lib/ionic/scss/menu",
  "../../lib/ionic/scss/modal",
  "../../lib/ionic/scss/popover",
  "../../lib/ionic/scss/popup",
  "../../lib/ionic/scss/loading",
  "custom_items",
  "custom_list",
  "../../lib/ionic/scss/badge",

->MISSING   "../../lib/ionic/scss/slide-box",
->MISSING  "../../lib/ionic/scss/refresher",
1 Like