Estoy tratando de cambiar las imágenes de los iconos al cargar usando document.getElementByClassName . Estos iconos se repiten varias veces. El código usa ngIf para mostrar un ícono diferente según 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 íconos usando 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 entender cómo cambiar ambos íconos controlados por ng-if
icono #1: ng-if="fun.__inViewlist"
icono #2: ng-if="!fun.__inViewlist"
Cualquier ayuda sería apreciada. Gracias.
si usa angular.js (no angular 2 y superior), coloque la dirección de la imagen en $scope y luego cambie $scope para cambiar la imagen de esta manera:
$scope.myimg = '/img/icon1.jpg' ;no olvide usar ng-src en las etiquetas de imagen:
<img ng-src="{{myimg}}">ng-scr es importante, src no funcionará
<img src="{{myVar}}"> [this will not wok]