Görüntü src'sini belge ile değiştirin.getElementByClassName ve ngıf yönergesi

Question 1

Yük üzerindeki simge görüntülerini kullanarak değiştirmeye çalışıyorum document.getElementByClassName. Bu simgeler birkaç kez tekrarlanır. Kod kullanıyor ngIf kullanıcı tarafından gerçekleştirilen koşullara göre farklı bir simge göstermek için.

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

Aşağıdakileri kullanarak simgeleri başarıyla değiştirdim:

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

Tarafından kontrol edilen her iki simgeyi nasıl değiştireceğimi anlayamıyorum ng-if

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

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

Herhangi bir yardım takdir edilecektir. Teşekkür ederim.

Question 2

açısal kullanırsanız.js (açısal 2 ve üstü değil), görüntü adresini $kapsamına yerleştirin ve ardından görüntüyü bu şekilde değiştirmek için $kapsamını değiştirin :

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

resim etiketlerinde ng-src kullanmayı unutmayın :

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

ng-scr önemlidir, src çalışmaz

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

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

açısal kullanırsanız.js (açısal 2 ve üstü değil), görüntü adresini $kapsamına yerleştirin ve ardından görüntüyü bu şekilde değiştirmek için $kapsamını değiştirin :

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

resim etiketlerinde ng-src kullanmayı unutmayın :

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

ng-scr önemlidir, src çalışmaz

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

Görüntü src'sini belge ile değiştirin.getElementByClassName ve ngıf yönergesi

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride