ionic 2 : creating a ng-repeat inside ion-slides

Question

I'm trying to do a slider style page which presents dynamic data based on my json file given.

In my controller:

constructor(navController) {
   this.navController = navController;
   this.populateHistory();
}

populateHistory(){
  console.log("populating!");
   var tests = '{[{"name":"jack"},{"name":"john"},{"name":"joe"}]}';
}

In my html:

 <ion-slides>
    <ion-slide ng-repeat="test in tests">

        {{test.name}}

    </ion-slide>
 </ion-slides>

The page doesn't appear even thou the console.log is fired. I'm guessing there is some syntax error in my html which I failed to notice.Do i have to use collection-repeat instead in Ionic 2?

Answer 1

there is no ng-repeat in angular2... should be

<ion-slides *ngIf="tests.length">
  <ion-slide *ngFor="#test of tests">
    <div>
      {{ test.name }}
    </div>
  </ion-slide>
</ion-slides>

but I think you might want to look at this issue to see if it affects you.

https://github.com/driftyco/ionic/issues/6515