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";

、テンプレートに使用しますか、しても同様のimgソースを設定します。クラスに同じログイン。