Dynamic ion-item or ion-row design

@Shahidarain777 wrote:

<ion-grid>
    <ion-row>
      <ion-col col-6>
            <img src="assets/img/updates.jpg"  style="width:100%"/>
      </ion-col>
       <ion-col col-6>
            <!-- <p style="margin-top:-10px">The Role of Pediatric Interventional Radiology in Lymphatic Malformation Therapy...</p> -->
            <h6 style="text-align:center;color:#10384F;margin-top:-0px;margin-left: -17px">The Role of Pediatric</h6>
            <p style="margin-top:-10px">The Role of Pediatric Interventional Radiology in Lymphatic Malformation Therapy...</p>
      </ion-col>
      </ion-row>

      <div class="spacer" style="width:320px;height:0px;border-top:solid 1px #10384F;margin-left:15px" id="radiology-spacer2"></div>

      <ion-row>
       <ion-col col-6>
           <h6 style="text-align:center;color:#10384F;margin-top:-0px;margin-left: -29px">Pregnancy centers</h6>
            <p style="margin-top:-10px">Pregnancy centers should be able to offer free help without government interference, say their lawyers....</p>

       </ion-col>
       <ion-col col-6>
        <img  src="assets/img/education.jpg" style="width:100%;height:100px"/>

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

**How can i achive it for *ngFor **
`
<ion-row *ngFor=“let item of items”>

  </ion-col>
   <ion-col col-6>
      ![grid|487x306](upload://plmDH8r1IBNKbH8MlsuNpaaRx48.jpg)
  </ion-col>
  </ion-row>

`

Posts: 1

Participants: 1

Read full topic