Zmień src obrazu za pomocą document.getElementByClassName i dyrektywy ngif

Question 1

Próbuję zmienić obraz ikony po uruchomieniu za pomocą document.getElementByClassName. Ikony te są powtarzane kilka razy. Kod wykorzystuje ngIf aby wyświetlić inną ikonę w zależności od warunków wykonywanych przez użytkownika.

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

Ja z powodzeniem zmienił ikony, wykorzystując następujący:

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

Nie mogę zrozumieć, jak zmienić obie ikony, zarządzane ng-if

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

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

Każda pomoc będzie wdzięczna. Dziękuję.

Question 2

jeśli używasz angular.js (nie narożny 2 i wyżej) , należy umieścić adres obrazu w obszar$, a następnie zmień obszar$, aby zmienić obraz w następujący sposób :

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

nie zapomnij użyć ng-src w tagu zdjęć :

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

ng-scr ważny , src nie będzie działać

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

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

jeśli używasz angular.js (nie narożny 2 i wyżej) , należy umieścić adres obrazu w obszar$, a następnie zmień obszar$, aby zmienić obraz w następujący sposób :

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

nie zapomnij użyć ng-src w tagu zdjęć :

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

ng-scr ważny , src nie będzie działać

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

Zmień src obrazu za pomocą document.getElementByClassName i dyrektywy ngif

Pytanie

Najlepsza odpowiedź

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii