Wie Sie angular ngSrc-Anweisung überschreiben, um Anforderungsheader anzuhängen?

Question

Ich möchte ein Authentifizierungstoken an die angular js ngSrc URL-Anfrage anhängen. Also, wie kann ich dieses Token mit ngSrc Direktive übergeben?

Answer 1

Verwenden http-src statt ng-src und es werden die Bilder holen die $ http-Dienst - über Abfangjäger Authorization Header Bedeutung hinzugefügt werden anwesend sein - dann ein Blob bauen und stellen Sie die src zu ein ObjektURL.

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

Answer 2

Wie JB in den Kommentaren erwähnt, verwenden Sie ein interceptor

// 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; 
    } 
    }; 
}); 

Answer 3

ngSrc nicht $ mit intern http, so dass die Abfangjäger allein wird nicht funktionieren. Es legt nur das src-Attribut fest. Aus meiner Sicht müssen Sie eine benutzerdefinierte Direktive wie "ngHttpSrc" schreiben, die die $ http-Dienste verwendet.

siehe: Force HTTP interceptor in dynamic ngSrc request