Cambia Immagine src con il documento.getElementByClassName e ngif direttiva

Question 1

Sto cercando di cambiare le immagini icona di carico utilizzando document.getElementByClassName. Queste icone vengono ripetuti più volte. Il codice utilizza ngIf per visualizzare un'icona diversa in base alle condizioni eseguite dall'utente.

<img class="viewlist_button_icon ng-scope" ng-if="fun.__inViewlist" src="source_file/image.png">
<!-- end ngIf: fun.__inViewlist -->
<!-- ngIf: !fun.__inViewlist -->

Ho cambiato con successo le icone utilizzando il seguente:

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";
}

Non riesco a capire come modificare entrambe le icone controllato dal ng-if

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

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

Qualsiasi aiuto sarebbe apprezzato. Grazie.

Question 2

se si utilizza angular.js (non angolare 2 e superiori) , inserire l'indirizzo immagine in $scope e quindi modificare il $campo di applicazione per modificare l'immagine come questa :

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

non dimenticare di utilizzare ng-src del tag immagine :

<img ng-src="{{myimg}}">

ng-scr è importante , src non funziona

<img src="{{myVar}}"> [this will not wok]

Ali Zolfaghar · Answer 1 · 2021-11-24T06:20:57

se si utilizza angular.js (non angolare 2 e superiori) , inserire l'indirizzo immagine in $scope e quindi modificare il $campo di applicazione per modificare l'immagine come questa :

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

non dimenticare di utilizzare ng-src del tag immagine :

<img ng-src="{{myimg}}">

ng-scr è importante , src non funziona

<img src="{{myVar}}"> [this will not wok]

Cambia Immagine src con il documento.getElementByClassName e ngif direttiva

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria