ホームページ > ウェブフロントエンド > jsチュートリアル > バックエンドでレンダリングされたパラメーターを Angular2 ブートストラップ メソッドに渡すにはどうすればよいですか?

バックエンドでレンダリングされたパラメーターを Angular2 ブートストラップ メソッドに渡すにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-11 02:03:14
オリジナル
1024 人が閲覧しました

How Can I Pass Backend-Rendered Parameters to the Angular2 Bootstrap Method?

バックエンドでレンダリングされたパラメーターを Angular2 ブートストラップ メソッドに渡す

バックエンドでレンダリングされた引数を Angular2 ブートストラップ メソッドに渡すには、Angular の依存関係注入を利用します。能力。これを実現する方法は次のとおりです:

var headers = ... // Retrieve headers from the server

bootstrap(AppComponent, [{ provide: 'headers', useValue: headers }]);
ログイン後にコピー

このアプローチにより、これらのパラメーターを Angular コンポーネントまたはサービスに注入できます:

class SomeComponentOrService {
   constructor(@Inject('headers') private headers) {}
}
ログイン後にコピー

あるいは、次のように、準備された BaseRequestOptions を直接提供することもできます。

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

var values = ... // Fetch headers from the server
var headers = new MyRequestOptions(values);

bootstrap(AppComponent, [{ provide: BaseRequestOptions, useValue: headers }]);
ログイン後にコピー

このメソッドを使用すると、これらのヘッダーを Angular アプリケーションで注入して使用できます。 BaseRequestOptions を直接:

class ConfigService {
  constructor(private http: Http, @Inject(BaseRequestOptions) private baseRequestOptions) { }
}
ログイン後にコピー

注: AoT コンパイルの場合、ファクトリ クロージャをクラスの外に移動します:

function loadContext(context: ContextService) {
  return () => context.load();
}
ログイン後にコピー

NgModule 内:

@NgModule({
  ...
  providers: [ ..., ContextService, { provide: APP_INITIALIZER, useFactory: loadContext, deps: [ContextService], multi: true } ],
For cyclic dependency issues, inject the Injector and retrieve the dependency:
ログイン後にコピー

this.myDep = injector.get(MyDependency);

Instead of directly injecting `MyDependency`:
ログイン後にコピー

@Injectable()
export class ConfigService {
プライベート ルーター:Router;
コンストラクター(/プライベート ルーター:Router/ インジェクター:インジェクター) {

setTimeout(() => this.router = injector.get(Router));
ログイン後にコピー
}

}

以上がバックエンドでレンダリングされたパラメーターを Angular2 ブートストラップ メソッドに渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート