angularjs - 動的に読み込まれた SVG の色を変更する

Question

AngularJS を介して SVG を挿入しています。

<embed embed-src="{{sportImage}}" type="image/svg+xml" class="svg sport-image" width="470" height="418" />

しかし、CSS または JS を介して svg またはパスの塗りつぶしを変更することはできません。これは、API が結果を返した後に SVG が読み込まれるためだと思います。

任意のヒント？