angularjs - angular ngSrcディレクティブをオーバーライドしてリクエストヘッダーを追加する方法は?

Question

angular js ngSrc url リクエストに認証トークンを追加したいと考えています。ngSrcでは、このトークンをディレクティブで渡すにはどうすればよいでしょうか?

Answer 1

ng-src の代わりに http-src を使用すると、$http サービスを使用して画像がフェッチされます。つまり、インターセプターを介して追加された承認ヘッダーが存在します。次に、Blob を構築し、src を objectURL に設定します。

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

Answer 2

コメントで言及されているJBのように、インターセプターを使用してください

// alternatively, register the interceptor via an anonymous factory
$httpProvider.interceptors.push(function($q, dependency1, dependency2) {
  return {
    'request': function(config) {
      // manipulate the request here
      // You can filter specific requests if you want
      config.headers.token ="whatever";
      return config;
    }
  };
});