Estoy bindeando un atributo al src de una imagen en app.component.html así:
<tr *ngFor="let butaca of butacas">
<img [src]='butaca.imageUrl'>
</tr>
export class Butaca {
butacaNegra: string = "https://i.imgur.com/b3PuXoH.png";
butacaVerde: string = "https://i.imgur.com/h2PlvBk.png";
butacaBlanca: string="https://i.imgur.com/zHkAQtG.png";
public id: number;
public estado: number=0;
public imageUrl: string;
constructor (id: number, estado: number){
this.id = id;
if (this.estado==0){
this.imageUrl=this.butacaBlanca;
}else{
if(this.estado==1){
this.imageUrl=this.butacaVerde;
}else{
this.imageUrl=this.butacaNegra;
}
}
}
}
app.component.ts:
public butacas: Array<Butaca> = [
{id: 1 , estado: 0},
{id: 2 , estado: 0},
{id: 3 , estado: 0}
];