Was ion-refresher only designed to work with ion-list?

Can I use ion-refresher with other views like this (see sample code)? And would it still refresh the div#row-container?
I can see that the view works just right when testing it out on the browser and ion-refersher has an on-refresh which does the actual refreshing of data that feeds $scope.musics. But was it just made to specifically work for ion-list and nothing more? Just making sure. So is this idea/code valid?

<body ng-app="starter" ng-controller="MyCtrl">

<ion-refresher on-refresh="doRefresh()"
                 pulling-text="Pull to refresh..."

    <div id="row-container" ng-repeat="music in musics" style="display:block;width:90%; max-width:1120px;margin:0 auto;">

      <img ng-src="{{ music.image }}" height="auto" width="100%">
      <h2>{{ music.album }}</h2>
      <h4>{{ music.artist }}</h4>


Note: The reasons why I didn’t want to just use ion-list is because 1. I’m playing with Ionic 2. I wanted to see if this can work since div#row-container has ng-repeat and 3. I wanted to customize how the data looks.

yes, i dont see a problem but i will recommend to use ion-list or collection-repeat

@itamarCohen, may I know what makes you say that?

Even if you use <ion-list>, you can still heavily customize the way the row items look. It’s just HTML and CSS at the end of the day.

1 Like

@dave oh okay, then it really wouldn’t matter if I don’t use since at the end of the day it’s just HTML and CSS. Thanks.

1 Like

its not really matter for the html vs ion part but
if you have a really big data to display collection-repeat is better than ng-repeat

1 Like

@itamarCohen okay! That makes sense. Thanks.