ionic2でリストを表示

2016年12月09日

  1. TOP
  2. BLOG
  3. angular2
  4. ionic2でリストを表示

ionic2でリストを表示する方法はどうするのでしょうか。
ということで調べてみたところ結構簡単でした。
まずtsファイル

arrData: any;
constructor(public navCtrl: NavController) {
    this.arrData = ['PHP','Java', 'Perl', 'ruby', 'Python', 'HTML', 'CSS', 'JavaScript', 'SQL', 'MQL', 'VBA', 'C#'];
}

そしてhtmlに以下を記述で完了

<ion-content padding>
  <ion-list>
        <ion-item *ngFor="let arr of arrData">{{arr}}</ion-item>
    </ion-list>
</ion-content>