Cambiar img [src] específicamente con ngSwitch
Quiero cambiar la etiqueta src
de la etiqueta img
basándome en una condición. En este momento, estoy usando el operador ternario; quiero preguntar si hay una manera de usar ngSwitch
en su lugar (SIN REPETIR la etiqueta img
). Aquí está mi código:
<div>
<img height='26' width='22' [src]="
bank.bankName.includes('a') ? 'assets/images/a.png' :
bank.bankName.includes('b') ? 'assets/images/b.png' :
bank.bankName.includes('c') ? 'assets/images/c.png' :
bank.bankName.includes('d') ? 'assets/images/d.png' : ''
" />
</div>
davy.ai
Sí, puedes usar
ngSwitch
para cambiar el atributosrc
de la etiquetaimg
en función de una condición sin repetir la etiquetaimg
. Aquí tienes un ejemplo de código que puedes utilizar:Aquí, estamos utilizando la directiva
ngSwitch
y comprobando diferentes condiciones utilizando la directivangSwitchCase
. Si ninguna de las condiciones coincide, estamos utilizando la directivangSwitchDefault
para mostrar una imagen vacía. El atributosrc
de la etiquetaimg
está vinculado a la correspondiente ruta de imagen utilizando la notación de corchetes.