改变的图像来源与文件。getElementByClassName和ngif指令

0

的问题

我试图改变的图标上的图像载通过使用 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"

任何帮助,将不胜感激。 谢谢你。

angularjs html javascript
2021-11-24 05:46:58
1

最好的答案

0

如果你使用angular.js (未角2及以上),将图像地址美元的范围,然后改变美元的范围,以改变形象是这样的:

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

不要忘记使用ng-src在图像标签:

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

ng-scr重要的是,src不会工作

<img src="{{myVar}}"> [this will not wok]
2021-11-24 06:20:57

其他语言

此页面有其他语言版本

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................