（Ionic 2/Angular Js 2）在数组的循环内访问数组中的索引

我在数组内部有问题，在数组内部循环。 这是我的HTML代码：

<ion-content padding class="kuliner-index">
  <ion-list *ngFor="let jen of jenis; let i = index">
    <ion-list-header>{{jenisNama[i]}} </ion-list-header>
    <ion-item  *ngFor="let kuliner of kuliners[i]">
        <img src="{{kuliner.main_img}}" style="width:50px;height:50px;margin:auto" >
        {{kuliner.nama}}<br/>
        <ion-icon name="md-star"></ion-icon> {{kuliner.rating}} / 5.00
    </ion-item>
    <br/><br/>
  </ion-list>
</ion-content>

---

感谢塞巴费雷拉斯的建议。当我创建单实例类时，问题就解决了

 export class KulinerIndex
  {
  private jenis : Number;
  private nama : String;
  private isShow : boolean;
  private kuliners : any;

  constructor(public isiJenis : Number, public isiNama : String, public kulinerService : KulinerService)
  {
      this.setJenis(isiJenis);
      this.setNama(isiNama);
      this.setIsShow(false);
      this.loadKuliner();
  }

  loadKuliner()
  {
        this.kulinerService.loadKulinerByJenis(this.getJenis())
          .then(dataResto => {
              this.kuliners = dataResto;
        })
  }

  public getIsShow()
  {
    return this.isShow;
  }

  public setIsShow(isShow)
  {
    this.isShow = isShow
  }

  public getNama()
  {
      return this.nama;
  }

  public setNama(nama : String)
  {
      this.nama = nama
  }

  public getJenis()
  {
      return this.jenis;
  }

  public setJenis(jenis : Number)
  {
      this.jenis = jenis;
  }

  public getKuliners()
  {
      return this.kuliners;
  }

---

}

能否请您在OP中添加

kuliners

数组中的每个项目的外观？例如，我有甜点（索引0）和主菜（索引1）。甜点中的食物是巧克力和冰淇淋。主菜是牛腰肉牛排和比萨饼。当我展示数据时，有时指数为0时，Kulines是巧克力和冰淇淋，有时变成牛腰肉牛排和比萨饼。我试过调试并尝试了服务（php文件），似乎数据是正确的。推送到阵列时可能会出现问题？或者什么时候加载数组？创建一个模型，允许每个对象的所有属性包装在一个实例中怎么样？因此，您不需要使用单独的数组，而是可以使用一个实例，该实例的id、名称和kuliner？如果你愿意，我可以写一个关于如何做的答案。好的，你可以写一个如何做的答案。非常感谢：）很高兴听到。。。您的代码现在更易于阅读，将来也更易于维护：）

[{"item_ID":"10009","nama":"Brownie Bite","main_img":"img\/Food\/Desserts_Brownie_Bite.jpg","harga":"40000","deskripsi":"Yummie...","points":"4","favorit":"2","rating":"4.25","rater":"1","tgl_post":"2016-01-15 00:00:00"}

 export class KulinerIndex
  {
  private jenis : Number;
  private nama : String;
  private isShow : boolean;
  private kuliners : any;

  constructor(public isiJenis : Number, public isiNama : String, public kulinerService : KulinerService)
  {
      this.setJenis(isiJenis);
      this.setNama(isiNama);
      this.setIsShow(false);
      this.loadKuliner();
  }

  loadKuliner()
  {
        this.kulinerService.loadKulinerByJenis(this.getJenis())
          .then(dataResto => {
              this.kuliners = dataResto;
        })
  }

  public getIsShow()
  {
    return this.isShow;
  }

  public setIsShow(isShow)
  {
    this.isShow = isShow
  }

  public getNama()
  {
      return this.nama;
  }

  public setNama(nama : String)
  {
      this.nama = nama
  }

  public getJenis()
  {
      return this.jenis;
  }

  public setJenis(jenis : Number)
  {
      this.jenis = jenis;
  }

  public getKuliners()
  {
      return this.kuliners;
  }