Измените src изображения с помощью document.getElementByClassName и директивы ngif

Question 1

Я пытаюсь изменить изображения значков при загрузке с помощью document.getElementByClassName. Эти значки повторяются несколько раз. Код использует ngIf чтобы отобразить другой значок в зависимости от условий, выполняемых пользователем.

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

Я успешно изменил значки, используя следующее:

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

Я не могу понять, как изменить оба значка, управляемые ng-if

значок #1: ng-if="fun.__inViewlist"

значок #2: ng-if="!fun.__inViewlist"

Любая помощь будет признательна. Спасибо.

Question 2

если вы используете angular.js (не угловой 2 и выше) , поместите адрес изображения в область$, а затем измените область$, чтобы изменить изображение следующим образом :

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

не забудьте использовать ng-src в тегах изображений :

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

ng-scr важен , src не будет работать

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

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

если вы используете angular.js (не угловой 2 и выше) , поместите адрес изображения в область$, а затем измените область$, чтобы изменить изображение следующим образом :

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

не забудьте использовать ng-src в тегах изображений :

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

ng-scr важен , src не будет работать

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

Измените src изображения с помощью document.getElementByClassName и директивы ngif

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории