离子2:在离子载玻片内部产生ng-重复

Question

我正在尝试做一个滑块样式页面,它根据我给出的json文件显示动态数据.

在我的控制器中:

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

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

在我的HTML中:

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

        {{test.name}}

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

即使您触发console.log,页面也不会出现.我猜我的html中有一些语法错误我没注意到.我必须在Ionic 2中使用collection-repeat吗？

Answer 1

ng-repeat在angular2中没有...应该是

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

但我想你可能想看看这个问题,看它是否会影响你.

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