intercepting img-src via http-interceptor as well as not lose the ability to keep changing it
<p>I have the following needs:</p>

<p>1) I'd like to be able to intercept calls to <code>img ng-src</code> via my http interceptor. Given that ng-src does not get routed to http interceptors, I am using this http-src directive <a href="https://stackoverflow.com/a/29606436/1361529">https://stackoverflow.com/a/29606436/1361529</a></p>

<p>2) The problem however is that this directive only works once - it replaces the "src" attribute with the image, so the image only loads once and does not change.</p>

<p>What I mean is my template has the following code:</p>

<pre><code>&lt;span ng-repeat="monitor in MontageMonitors&gt;
&lt;img id="img-$index" http-src="{{LoginData.streamingurl}}/nph-zms?mode=single&amp;monitor={{monitor.Monitor.Id}}&amp;scale={{LoginData.montageQuality}}{{$root.authSession}}&amp;rand={{$root.rand}}" ng-click="openModal(monitor.Monitor.Id, monitor.Monitor.Controllable, monitor.Monitor.ControlId)" /&gt;

&lt;/span&gt;
</code></pre>

<p>This image is reloaded every 1 second via a timer in my code, but since the http-src directive essentially replaces the src attribute with an inline image, it doesn't update.</p>

<p>How do I solve this?</p>

<p>thanks</p>