How to override angular ngSrc directive to append request header?

Question

I want to append a authentication token to the angular js ngSrc url request. So how can I pass this token with ngSrc directive?

Answer 1

Use http-src instead of ng-src and it will fetch images using the $http service - meaning Authorization headers added via interceptors will be present - then build a Blob and set the src to an objectURL.

Reference:https://github.com/dougmoscrop/angular-img-http-src