Zmeniť Snímku src s dokumentom.getElementByClassName a ngif smernice

Question 1

Snažím sa zmeniť ikonu snímky na načítať pomocou document.getElementByClassName. Tieto ikony sa opakuje niekoľko krát. Kód je pomocou ngIf ak chcete zobraziť inú ikonu na základe podmienok, ktoré vykonal používateľ.

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

Úspešne som zmeniť ikony, pomocou nasledujúcich krokov:

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

Nemôžem prísť na to, ako zmeniť obe ikony pod kontrolou ng-if

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

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

Akúkoľvek pomoc, chcel by som byť ocenil. Ďakujem.

Question 2

ak používate angular.js (nie uhlové 2 a vyššie) , miesto obrazu adresu v $rozsahu a potom zmeniť $rozsahu zmeniť obrázok, ako je tento :

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

nezabudnite použiť ng-src obrazu značky :

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

ng-scr je dôležité , src nebude fungovať

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

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

ak používate angular.js (nie uhlové 2 a vyššie) , miesto obrazu adresu v $rozsahu a potom zmeniť $rozsahu zmeniť obrázok, ako je tento :

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

nezabudnite použiť ng-src obrazu značky :

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

ng-scr je dôležité , src nebude fungovať

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

Zmeniť Snímku src s dokumentom.getElementByClassName a ngif smernice

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii