如何在有更多條件需要檢查時使用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源。甚至設置IMG源，如：

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

而且在模板中使用。同樣的登錄類。