angularjs - 有更多条件检查时如何使用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";

并在模板中使用。相同的登录名。