Collection-repeat Bug?


#1

collection-repeat show only the first element ??
I have different button , A, B …

$scope.ShowA = function() 
$scope.words = 
    [{
    "Fr":"À (lieu)",
    "Kb":"Di"
  },
  {
    "Fr":"Â(temps)",
    "Kb":"Ar"
  },
  {
    "Fr":"A bientôt",
    "Kb":"Ar ticki"
  },
.
.
.
.
.

in the Html i have ;

<button class="button  button-assertive" ng-click="ShowA()">
            A
</button>

<div class="row">
          <div class="col">
            <div class="list">
            <div class="item item-divider">
              <h2 style="color:green">Francais</h2>
            </div>
          </div>
          </div>
          <div class="col col-50">
            <div class="list">
            <div class="item item-divider">
               <h2 style="color:blue">Kabyle</h2>
            </div>
          </div>
          </div>
        </div>
        <div class="row"  collection-repeat="word in words">
          <div class="col">
            <ion-item>
               {{ word.Fr }}
            </ion-item>
          </div>
          <div class="col">
            <ion-item>
              {{word.Kb}}
            </ion-item>
          </div>
        </div>

Thank you …


#2

No one can help please ;-(


#3

Can you please put this into a codepen?


#4

codepen here

Thank you .


#5

So the issue has to do with the multiple the ion-scroll nested in the ion-content.

Moving the ion-scroll out side the ion-content fixes the issue or switching the ion-scroll to another elements works.


#6

Thank you very much ; Merci :wink: