离子2：在离子幻灯片里面创建一个ng-repeat

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