如何將後端渲染的參數傳遞給 Angular 2 Bootstrap 以設定 HTTP 標頭？

Angular2 使用依賴注入從後端引導參數

問題：

問題：

在Ang2 中，如何後端渲染的參數可以傳遞給bootstrap方法來設定嗎使用BaseRequestOptions的所有請求的 HTTP 標頭？

解：

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

bootstrap(AppComponent, [{provide: 'headers', useValue: headers})]);

利用 Angular 的依賴注入，可以將參數直接傳遞給 bootstrap 函數：

class SomeComponentOrService {
   constructor(@Inject('headers') private headers) {}
}

要將標頭注入到元件或服務中，請使用@Inject()裝飾器：

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

或者，可以建立自訂請求選項類別並直接注入：

• 其他方法：
• APP_INITIALIZER: 初始化服務在初始化應用程式之前從後端取得資料。這對於設定標頭值很有用。
• 建構函式註入： Angular 2 建構子可用來初始化，而非引導方法。
• AoT (Ahead -of-Time Compilation): 需要進行一些修改才能與AoT 配合使用，例如將工廠關閉移出

注入器：如果發生循環依賴（例如注入路由器），則可以使用注入器來檢索依賴關係，而不是直接注入。

以上是如何將後端渲染的參數傳遞給 Angular 2 Bootstrap 以設定 HTTP 標頭？的詳細內容。更多資訊請關注PHP中文網其他相關文章！