Mudar Imagem src com o documento.getElementByClassName e ngif directiva

Question 1

Estou a tentar mudar o ícone de imagens de carga usando document.getElementByClassName. Estes ícones são repetidas várias vezes. O código está usando ngIf para mostrar um ícone diferente baseado nas condições realizadas pelo usuário.

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

Eu tenho alterada com êxito os ícones usando o seguinte:

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

Gostaria de saber como alterar os ícones controlada pelo ng-if

ícone #1: ng-if="fun.__inViewlist"

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

Qualquer ajuda seria apreciada. Obrigado.

Question 2

se você usar angular.js (não angular 2 e acima) , coloque o endereço da imagem em $escopo e, em seguida, alterar o $escopo para alterar a imagem como esta :

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

não se esqueça de usar ng-src em tags de imagem :

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

ng-scr é importante , src não vai funcionar

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

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

se você usar angular.js (não angular 2 e acima) , coloque o endereço da imagem em $escopo e, em seguida, alterar o $escopo para alterar a imagem como esta :

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

não se esqueça de usar ng-src em tags de imagem :

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

ng-scr é importante , src não vai funcionar

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

Mudar Imagem src com o documento.getElementByClassName e ngif directiva

Pergunta

Melhor resposta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria