ionic 2 : creating a ng-repeat inside ion-slides
<p>I'm trying to do a slider style page which presents dynamic data based on my json file given.</p>

<p>In my controller:</p>

<pre><code>constructor(navController) {
   this.navController = navController;
   this.populateHistory();
}

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

<p>In my html:</p>

<pre><code> &lt;ion-slides&gt;
    &lt;ion-slide ng-repeat="test in tests"&gt;

        {{test.name}}

    &lt;/ion-slide&gt;
 &lt;/ion-slides&gt;
</code></pre>

<p>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?</p>