변경 이미지 src 와 문서입니다.getElementByClassName 및 ngif directive

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 와 문서입니다.getElementByClassName 및 ngif directive

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리