angular - *ngfor array to ionic 2 中的 ionic 列表

Question

我是 ionic 2 的新手。我创建了一个数组，然后我想将该数组循环到 ion-list

我的 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

你应该定义类变量。

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

}