首頁 > web前端 > js教程 > 如何將後端渲染的參數傳遞給 Angular 2 Bootstrap 以設定 HTTP 標頭?

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

Mary-Kate Olsen
發布: 2024-12-06 09:01:10
原創
192 人瀏覽過

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

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板