HTTP ヘッダーを設定するためにバックエンドでレンダリングされたパラメーターを Angular 2 ブートストラップに渡す方法

Dependency Injection を使用したバックエンドからの Angular2 ブートストラップ パラメーター

問題:

Angular2 では、どのようにするかバックエンドでレンダリングされたパラメータをブートストラップ メソッドに渡して設定できますか? BaseRequestOptions を使用したすべてのリクエストの HTTP ヘッダー?

解決策:

Angular の依存関係注入を利用して、パラメーターをブートストラップ関数に直接渡すことができます:

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

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

コンポーネントまたはサービスにヘッダーを挿入するには、 @Inject() を使用します。デコレータ:

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

または、カスタム リクエスト オプション クラスを作成して直接挿入することもできます:

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 を使用するには、工場閉鎖の移動など、いくつかの変更が必要です
• インジェクター: 循環依存関係が発生した場合 (ルーターへの注入など)、直接注入の代わりにインジェクターを使用して依存関係を取得できます。

以上がHTTP ヘッダーを設定するためにバックエンドでレンダリングされたパラメーターを Angular 2 ブートストラップに渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。