Changer l'Image de la src avec le document.getElementByClassName et ngif directive

Question 1

Je suis en train de changer l'icône d'images sur la charge à l'aide de document.getElementByClassName. Ces icônes sont répétés plusieurs fois. Le code est à l'aide de ngIf pour afficher une icône différente sur la base des conditions effectuée par l'utilisateur.

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

J'ai bien modifié les icônes en utilisant les éléments suivants:

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

Je ne peux pas comprendre comment le changement d'icônes contrôlé par le ng-if

icône #1: ng-if="fun.__inViewlist"

icône #2: ng-if="!fun.__inViewlist"

Toute aide serait appréciée. Je vous remercie.

Question 2

si vous utilisez angular.js (pas angulaire 2 et ci-dessus) , placez l'adresse de l'image dans $champ d'application et ensuite de changer le $scope pour modifier l'image comme ceci :

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

n'oubliez pas d'utiliser ng-src dans les balises d'image :

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

ng-scr est important , la src ne fonctionnera pas

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

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

si vous utilisez angular.js (pas angulaire 2 et ci-dessus) , placez l'adresse de l'image dans $champ d'application et ensuite de changer le $scope pour modifier l'image comme ceci :

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

n'oubliez pas d'utiliser ng-src dans les balises d'image :

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

ng-scr est important , la src ne fonctionnera pas

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

Changer l'Image de la src avec le document.getElementByClassName et ngif directive

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie