* ngfor配列は、イオンリストをするために、イオン2

Question

に私は配列を作成し、イオン2の新しいですし、私は、イオンリストにする

私produk.ts

import { Component } from '@angular/core'; 
import { NavController, NavParams } from 'ionic-angular'; 


@Component({ 
    selector: 'page-produk', 
    templateUrl: 'produk.html', 
}) 
export class ProdukPage { 



    constructor(public navCtrl: NavController, public navParams: NavParams) { 
    var menu: any[] = [ 
     "menu 1", 
     "menu 2", 
     "menu 3" 
    ]; 
    } 

} 

私が試したのループに配列をしたいです私のhtmlでこのコードで、それはこれが機能するためのクラス変数にする必要がありmenu

<ion-content padding> 

    <ion-list> 
    <ion-item *ngfor = "let item of menu;"> 
    {{menu}} 
    </ion-item> 
    </ion-list> 

</ion-content> 

Answer 1

を動作しません。

export class ProdukPage { 
menu:any[]=[]; //initialize to empty list to avoid undefined/null errors for `menu` in the template. 
    constructor(public navCtrl: NavController, public navParams: NavParams) { 
    this.menu = [ 
     "menu 1", 
     "menu 2", 
     "menu 3" 
    ]; 
    } 
} 

Answer 2

変数を定義する必要があります。

import { Component } from '@angular/core'; 
import { NavController, NavParams } from 'ionic-angular'; 


@Component({ 
    selector: 'page-produk', 
    templateUrl: 'produk.html', 
}) 
export class ProdukPage { 

    menu: any[]; 

    constructor(public navCtrl: NavController, public navParams: NavParams) { 
    this.menu: any[] = [ 
     "menu 1", 
     "menu 2", 
     "menu 3" 
    ]; 
    } 

}