3

Fala devs!

Tenho o seguinte problema: Em minha página html do ionic, possuo uma estrutura que cria alguns elementos com base em quantas fotos eu tenho em meu storage(banco de dados interno)

<ion-col size="6" *ngFor="let photo of photoService.photos">
    <img [src]="photo.data" />
    <p>
      <ion-checkbox id="" color="primary"></ion-checkbox> 
      {{photo.description}}
    </p>
  </ion-col>

Ou seja, para cada foto eu crio uma div com a imagem, um checkbox e a descrição da imagem.

Eu tinha a duvida de como relacionar cada checkbox com sua imagem correspondente e cheguei a idéia de passar o ID da imagem do banco de dados para o id do checkbox. Porém como ele é gerado de forma dinâmica, queria passar a variável dentro do ID do elemento no html.

Seria algo como:

  <ion-col size="6" *ngFor="let photo of photoService.photos">
    <img [src]="photo.data" />
    <p>
      <ion-checkbox id="{{photo.id}}" color="primary"></ion-checkbox> 
      {{photo.description}}
    </p>
  </ion-col>

Isso é possível no html? Se não, como poderia faze-lo?

1 Resposta 1

2

Tenta fazer da seguinte forma

<ion-checkbox [id]="photo.id" color="primary"></ion-checkbox> 
1
  • 1
    Valeu cara! Desatenção minha não tentar utilizar o mesmo método da imagem. Commented 4/11/2019 às 14:29

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .