離子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