需要检查的条件较多时如何使用ng-src?

How to use ng-src when there are more conditions to check?

我有 10 个图标,每个图标代表不同类型的警报。我从服务中获取类型值。我需要根据我从服务中获得的类型更改图标和文本样式。我正在使用 ng-src 来更改图像。

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

有更好的方法吗?

您可以在controller中设置图标img源即可。或者甚至像这样设置 img 源:

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

并在模板中使用。 class.

的相同登录