AngularJSでロードしたときにFirefoxでアニメーションGIFが再生されない

Question

私は初心者です。私のコントローラには、HTML形式のいくつかのパラメータに応じて様々なアニメーションGIFファイルへのURLを生成する機能があります。それは動作しますが、基本的に

<img alt="preview" src="{{ctrl.previewURL()}}"/> 

：私は、このように、そのGIFファイルを表示するようになっているimgタグを持っています。入力フィールドの値を変更すると、イメージはそれに応じて更新されます。しかし、この方法でロードされた3番目のイメージの後、GIFはアニメーションの再生を停止します（正しいファイルはまだ読み込まれていますが）。これは、それらをロードしようとする順番に関係なく起こります。したがって、ファイル自体に問題はありません。

興味深いことに、この問題はFirefox（私はバージョン48を使用しています）でのみ表示されるようです。それはすべてMicrosoft Edgeで完璧に動作します。私はまだ他のブラウザを試してみる機会がありませんでした。

これをFirefoxでも動作させる方法はありますか？あるいは、Angularでこれを行うより良い方法がありますか？

Answer 1

ブラウザが最初に「{{ctrl.previewURL（）}}」とSRCを参照代わりsrc使用ng-src

の、角度開始ワークまでようng-srcを使用して画像のみの角度でロードされます。

あなたのコード：

<img alt="preview" ng-src="{{ctrl.previewURL()}}"/>