* 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，但它不起作用

<ion-content padding> 

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

</ion-content> 

Answer 1

menu需要是這個工作的類變量。

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" 
    ]; 
    } 

}