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

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

<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

离子2：在离子滑动内部创建ng重复

1 个答案: