Cambiar la fuente de imagen con document.getElementByClassName y directiva ngif
Estoy intentando cambiar las imágenes de iconos durante la carga utilizando document.getElementByClassName
. Estos iconos se repiten varias veces. El código utiliza ngIf
para mostrar un icono diferente en función de las condiciones realizadas por el usuario.
<img class="viewlist_button_icon ng-scope" ng-if="fun.__inViewlist" src="source_file/image.png">
<!-- end ngIf: fun.__inViewlist -->
<!-- ngIf: !fun.__inViewlist -->
He cambiado con éxito los iconos utilizando lo siguiente:
var elems = document.getElementsByClassName("viewlist_button_icon ng-scope");
for (var i = 0; i < elems.length; i+= 1) {
elems[i].src = "https://new_image.png";
}
No puedo averiguar cómo cambiar ambos iconos controlados por el ng-if
.
Icono #1: ng-if="fun.__inViewlist"
Icono #2: ng-if="!fun.__inViewlist"
Cualquier ayuda sería apreciada. Gracias.
davy.ai
Para cambiar ambos íconos controlados por
ng-if
, puedes usar el métodoquerySelectorAll
con los selectoresng-if
para cada ícono:Este código seleccionará todos los elementos con la clase
viewlist_button_icon
que tienenng-if="fun.__inViewlist"
yng-if="!fun.__inViewlist"
, respectivamente, y cambiará su atributosrc
por las nuevas URLs de las imágenes correspondientes.