확인해야 할 조건이 더있을 때 ng-src를 사용하는 방법은 무엇입니까?

Question

나는 각기 다른 유형의 경고에 대해 10 개의 아이콘을 가지고있다. 서비스에서 유형 값을 가져옵니다. 나는 서비스에서 얻는 유형에 따라 텍스트의 아이콘과 스타일을 변경해야합니다. 이미지를 변경하기 위해 ng-src를 사용하고 있습니다.

<div ng-src="{{type=='0' : 'img1.png' : (type=='1' : 'img2.png' :())}}"></div> 
    <div ng-class="{{class1: type=='1'}}">Some text</div> 

더 좋은 방법이 있나요?

Answer 1

컨트롤러에서 아이콘 이미지 소스 만 설정할 수 있습니다. 심지어 같은 IMG 소스를 설정 :

$scope.iconSrc = "img" + type + ".png";

그리고 템플릿에 사용합니다. 클래스에 대한 동일한 로그인.