2016-05-17 5 views
3

与えられたjsonファイルに基づいて動的データを表示するスライダスタイルのページを作成しようとしています。私のコントローラでionic 2:イオンスライドの内部にngリピートを作成する

:私のHTMLで

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

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

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

     {{test.name}} 

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

ページはにconsole.logを発射しても、汝は表示されません。私はいくつかの構文エラーが私のnotice_Do私はIonic 2の代わりにコレクションのリピートを使用する必要が失敗した私のhtmlで推測していますか?

答えて

7

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