* ngfor Array Ionen Liste in ionischen 2

Question

: Ich bin in ionischen 2. ich ein Array erstellt dann will ich die Array Schleife Ionen Liste

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

} 

Ich habe versucht, mit diesem Code in meinem html, aber es funktioniert nicht

<ion-content padding> 

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

</ion-content> 

Answer 1

menu dafür sein muss, eine Klassenvariable zu arbeiten.

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

Sie sollten Klassenvariable definieren.

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

}