Extending the ionRefresher and ionInfiniteScroll directives



What I want to do is to specify either spinner or refreshing-icon attribute for the ionRefresher and ionInfiniteScroll directives, depending on the Android platform version. All this, because the new spinner icons do not seem to work in a <=4.3 WebView.

I first tried extending the ionRefresher directive. The attributes were successfully updated, but it would still show the original spinner icon instead of refreshing-icon.


.directive('ionRefresher', [function() {
  return {
    priority: 1,
    link: function($scope, $element, $attrs) {
      $element.attr('refreshing-icon', 'ion-loading-c');

I realize this is probably more an Angularjs question, but it’d be great if someone shares some info.