Schimbarea de Imagine src cu document.getElementByClassName și ngif directiva

Question 1

Eu sunt încercarea de a schimba pictograma imagini pe sarcină prin utilizarea document.getElementByClassName. Aceste icoane sunt repetate de mai multe ori. Codul este folosind ngIf pentru a afișa o pictogramă diferită în funcție de condițiile efectuate de către utilizator.

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

Am schimbat cu succes icoane folosind următoarele:

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

Nu-mi dau seama cum de a schimba icoane controlate de ng-if

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

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

Orice ajutor ar fi apreciat. Multumesc.

Question 2

dacă utilizați angular.js (nu unghiulare 2 și de mai sus) , loc de adresa imaginii în $domeniul de aplicare și apoi schimbați $domeniul de aplicare pentru a schimba imaginea de genul asta :

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

nu uitați să utilizați ng-src în imagine tag-uri :

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

ng-scr este important , src, nu va funcționa

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

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

dacă utilizați angular.js (nu unghiulare 2 și de mai sus) , loc de adresa imaginii în $domeniul de aplicare și apoi schimbați $domeniul de aplicare pentru a schimba imaginea de genul asta :

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

nu uitați să utilizați ng-src în imagine tag-uri :

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

ng-scr este important , src, nu va funcționa

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

Schimbarea de Imagine src cu document.getElementByClassName și ngif directiva

Problema

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie