依存関係注入メカニズムを介してオブジェクトを角度注入する例

app.config.tsでインターフェイスAppConfigとオブジェクトHERO_DI_CONFIGを定義するとし、後者をクラスのコンストラクターに挿入します。

export interface AppConfig {
    apiEndpoint: string;
    title: string;
  }

import { InjectionToken } from '@angular/core';

export const APP_CONFIG = new InjectionToken<AppConfig>('app.config');

export const HERO_DI_CONFIG: AppConfig = {
  apiEndpoint: 'api.heroes.com',
  title: 'Dependency Injection'
};

インジェクショントークンを使用して新しいトークンを作成します。タイプパラメータはAppConfigです。一重引用符で囲まれたApp.configは、インジェクショントークンの説明です。

NgModuleでuseValueインジェクションを使用します。

この依存関係を使用する必要がある場合は、トークンAPP_CONFIGを@Injectに渡します。

最終的な効果：

Jerryによるオリジナルの記事をさらに入手するには、公開アカウント「WangZixi」をフォローしてください。