Create dynamically ion-row?

@Kaniar_Kode wrote:

Hi there !

First, I’d like to know if it’s possible to create a ion-row (or ion-item) dynamically…
In the following code, I have a ion-row with a ion-item in which I have 2 ion-thumbnail and a ion-label.
I’d like to create a specific thumbnail when you click on on it, you can choose from a list the picture wanted. Each thumbnail has to be unique because I’d like to save the path of the picture in an array.
As you can see, it’s repeat all the time the same ion-thumbnail…
I really don’t know how to do that ! I don’t know if I’m really clear enough… If someone understand what I mean and could enlighten me, it will be awesome !

      <ion-row class="row" responsive-sm wrap *ngFor="let n of nTeams">
        <ion-item>
          <ion-thumbnail item-start (click)="chooseTeam()">
            <img src="{{'../../assets/imgs/' + fileName + '.png'}}">
          </ion-thumbnail>
          <ion-label text-center>23 - 19</ion-label>
          <ion-thumbnail item-end (click)="chooseTeam()">
            <img src="{{'../../assets/imgs/' + fileName + '.png'}}">
          </ion-thumbnail>
        </ion-item>
      </ion-row>

IonRow.png1101x562 82.9 KB

Posts: 1

Participants: 1

Read full topic