我是Angular 1的初学者。我的控制器中有一个函数，它根据HTML表单中的某些参数生成各种动画GIF文件的URL。然后我有一个img标签，应该显示GIF文件，如下所示：
<img alt="preview" src="{{ctrl.previewURL()}}"/>
基本上，它有效。当我更改输入字段中的值时，图像会相应更新。然而，在以这种方式加载第三个图像之后，GIF停止播放他们的动画（尽管仍在加载正确的文件），只显示一帧。无论我尝试加载它们的顺序如何，都会发生这种情况，所以这对文件本身来说不是问题。
有趣的是，这个问题似乎只出现在Firefox中（我使用的是版本48）。这一切都在Microsoft Edge中完美运行。我还没有机会尝试其他浏览器。
有没有办法让它在Firefox中运行？或者使用Angular进行类似的操作有更好的做法吗？
答案 0 :(得分：0)
而不是src使用ng-src
浏览器将src视为＆＃34; {{ctrl.previewURL（）}}＆＃34;首先，直到角度开始工作，所以使用ng-src，图像将只加载角度。
您的代码：
<img alt="preview" ng-src="{{ctrl.previewURL()}}"/>