Heim > Web-Frontend > js-Tutorial > Wie übergebe ich im Backend gerenderte Parameter an Angular 2 Bootstrap, um HTTP-Header festzulegen?

Wie übergebe ich im Backend gerenderte Parameter an Angular 2 Bootstrap, um HTTP-Header festzulegen?

Mary-Kate Olsen
Freigeben: 2024-12-06 09:01:10
Original
188 Leute haben es durchsucht

How to Pass Backend-Rendered Parameters to Angular 2 Bootstrap for Setting HTTP Headers?

Angular2-Bootstrap-Parameter vom Backend mithilfe der Abhängigkeitsinjektion

Problem:

In Angular2, wie Können im Backend gerenderte Parameter an die Bootstrap-Methode übergeben werden, um HTTP-Header für alle verwendeten Anfragen festzulegen BaseRequestOptions?

Lösung:

Mithilfe der Abhängigkeitsinjektion von Angular können Parameter direkt an die Bootstrap-Funktion übergeben werden:

var headers = ... // retrieve headers from backend

bootstrap(AppComponent, [{provide: 'headers', useValue: headers})]);
Nach dem Login kopieren

Um die Header zu injizieren In Komponenten oder Dienste verwenden Sie @Inject() Dekorator:

class SomeComponentOrService {
   constructor(@Inject('headers') private headers) {}
}
Nach dem Login kopieren

Alternativ kann eine benutzerdefinierte Anforderungsoptionsklasse erstellt und direkt eingefügt werden:

class MyRequestOptions extends BaseRequestOptions {
  constructor (private headers) {
    super();
  }
} 

var values = ... // retrieve headers from backend
var headers = new MyRequestOptions(values);

bootstrap(AppComponent, [{provide: BaseRequestOptions, useValue: headers})]);
Nach dem Login kopieren

Zusätzliche Ansätze:

  • APP_INITIALIZER: Initialisiert Dienste mit Daten aus dem Backend, bevor die initialisiert werden Anwendung. Dies ist nützlich zum Festlegen von Header-Werten.
  • Konstruktorinjektion: Der Angular 2-Konstruktor kann zur Initialisierung anstelle der Bootstrap-Methode verwendet werden.
  • AoT (Ahead -of-Time Compilation): Für die Arbeit mit AoT sind einige Änderungen erforderlich, z. B. das Verschieben der Fabrikschließung aus dem Anbieter.
  • Injector: Wenn eine zyklische Abhängigkeit auftritt (z. B. Injektion des Routers), kann der Injector anstelle der direkten Injektion zum Abrufen der Abhängigkeit verwendet werden.

Das obige ist der detaillierte Inhalt vonWie übergebe ich im Backend gerenderte Parameter an Angular 2 Bootstrap, um HTTP-Header festzulegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage