Změna Image src s dokumentem.getElementByClassName a ngif směrnice

Question 1

Snažím se změnit ikonu obrázky na zatížení pomocí document.getElementByClassName. Tyto ikony jsou několikrát opakovat. Kód je pomocí ngIf ukázat jinou ikonu, na základě podmínek, které provádí uživatel.

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

Úspěšně jsem změnil ikony pomocí následujících kroků:

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

Nemohu přijít na to, jak změnit ikony ovládané ng-if

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

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

Jakýkoliv pomoci chtěl bych být ocenil. Děkuji.

Question 2

pokud používáte angular.js (ne hranatý 2 a výše) , místo adresy obrázku v $scope a pak změnit $scope, aby změnit obrázek, jako je tento :

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

nezapomeňte používat ng-src v image značky :

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

ng-scr je důležité , src nebude fungovat

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

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

pokud používáte angular.js (ne hranatý 2 a výše) , místo adresy obrázku v $scope a pak změnit $scope, aby změnit obrázek, jako je tento :

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

nezapomeňte používat ng-src v image značky :

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

ng-scr je důležité , src nebude fungovat

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

Změna Image src s dokumentem.getElementByClassName a ngif směrnice

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii