Как переопределить угловую директиву ngSrc для добавления заголовка запроса?

Question

Я хочу добавить токен аутентификации к угловому запросу js ngSrc url. Так как я могу передать этот токен с ngSrc Директива?

Answer 1

Используйте http-src вместо ng-src, и он будет извлекать изображения с помощью службы $http - то есть будут присутствовать заголовки авторизации, добавленные через перехватчики, - затем создайте Blob и установите src в objectURL.

Ссылка: https://github.com/dougmoscrop/angular-img-http-src

Answer 2

ngSrc не использует $http для внутреннего использования, поэтому один перехватчик работать не будет. Он просто устанавливает атрибут src. С моей точки зрения, вам придется написать собственную директиву, такую ​​как "ngHttpSrc", которая использует службы $http.

смотрите: Принудительный перехватчик HTTP в динамическом запросе ngSrc

Answer 3

Как 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;
    }
  };
});