Ionic framework 双柱动态离子网格

我想和我一起创建离子网格，只是为了动态

就像这样但是动态的

  <ion-grid fixed >
      <ion-row>
       <ion-col > 1</ion-col>
       <ion-col > 2</ion-col>
      </ion-row>

      <ion-row>
       <ion-col > 3</ion-col>
       <ion-col > 4</ion-col>
      </ion-row>
    </ion-grid>

1.
2.
3.
4.

这里正在工作

{{cus.name}

---

你只需要增加尺寸。列大小取决于您，但请记住一行有12列，以便您可以根据需要自行管理。

谢谢您的回复，但我只想显示2列，其余数据将转到下一行嘿！我用你的答案。只是为了解释。我希望你不介意。如果你想删除我的ans，我会这么做@你为什么这样做。我的努力怎么样？你为什么不投票，删除问题@HassanAliI使用了你的答案，并添加了一件事，因此我允许你使用你的答案。

   <ion-grid fixed >
      <ion-row *ngFor="let cus of customer; let i = index">
       <ion-col>{{ cus.name }}</ion-col>
       <ion-col >  <img [src]="cus.image"  class="imgCardMain" /></ion-col>
      </ion-row>
   </ion-grid>

imgaddress="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAHQAxwMBIgACEQEDEQH/xAAcAAACAgMBAQAAAAAAAAAAAAAEBQMGAAECBwj/xAA6EAACAQMDAgQDBwMDBAMB";


    customer = [{
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "image" : this.imgaddress,
        "price":10
    },{
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "image" :this.imgaddress,
         "price":10
    },{
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "image" : this.imgaddress,
         "price":10
    },{
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "image" : this.imgaddress,
         "price":10
    }]

<ion-grid fixed >
  <ion-row *ngFor="let cus of customer">
   <ion-col size="6">{{ cus.name }}</ion-col>
   <ion-col size="6">  <img [src]="cus.image"  class="imgCardMain" /></ion-col>
  </ion-row>
</ion-grid>