El cambio de Imagen src con el documento.getElementByClassName y ngif directiva

0

Pregunta

Estoy tratando de cambiar el icono de las imágenes de la carga mediante el uso de document.getElementByClassName. Estos iconos se repiten varias veces. El código está utilizando 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 correctamente los iconos utilizando la 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 los iconos controlada por la ng-if

icono #1: ng-if="fun.__inViewlist"

icono #2: ng-if="!fun.__inViewlist"

Cualquier ayuda se agradece. Gracias.

angularjs html javascript
2021-11-24 05:46:58
1

Mejor respuesta

0

si usted utiliza angular.js (no angular 2 y superior) , coloque la dirección de la imagen en el $scope y, a continuación, cambiar el $scope para cambiar la imagen como esta :

$scope.myimg = '/img/icon1.jpg' ; 

no te olvides de 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]
2021-11-24 06:20:57

En otros idiomas

Esta página está en otros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Slovenský
..................................................................................................................