Ionic ng-repeat problem with vertical scroll

3

I'm making a list of cards with ng-repeat in ionic, the problem is that it buga the vertical scroll after a certain point (hangs as if there was no more content). This only happens on Android, in Browser no.

Codepen: link

 <div class="row" ng-repeat="movie in movies" ng-if="$index % 2 === 0">
      <div class="col col-50" ng-if="$index < movies.length">
        <div class="list card" width="100%">
          <div class="item item-image">
            <img class="movie-img" src="http://og.infg.com.br/in/12760791-e87-726/FT1500A/550/cristo-redentor.jpg"></div><aclass="item" href="#">
            <strong>{{movies[$index].name}}</strong>
            <p class="movie-type">
              {{movies[$index].type}}
            </p>
          </a>
        </div>
      </div>
      <div class="col col-50" ng-if="$index + 1 < movies.length">
        <div class="list card" width="100%">
          <div class="item item-image">
            <img class="movie-img" src="http://og.infg.com.br/in/12760791-e87-726/FT1500A/550/cristo-redentor.jpg"></div><aclass="item">
            <strong>{{movies[$index+ 1].name}}</strong>
            <p class="movie-type">
              {{movies[$index+ 1].type}}
            </p>
          </a>
        </div>
      </div>
    </div>

Thank you in advance!

    
asked by anonymous 10.01.2016 / 11:18

0 answers