Angular2は依存性注入をどのように管理しますか？

Question

私は単にここThingServiceと同じように、そのコンストラクタに引数に注釈を付け、Angular2コンポーネントに依存を注入することを理解しています。私が理解したいのは、実行時にAngularが何を注入するかを知っていることです。私が知る限り、これは単なるTypeScript注釈であり、実行時に意味を持ちません。コンポーネントのコンストラクタのどこに配置されているかを管理するための低レベルの内部メカニズムは何ですか？あなたがこのシステムを自分でロールするなら、どうすればうまくいくのですか？これは私が理解していないタイスクリプト機構ですか？

@Component({ 
    selector: 'app-thing', 
    templateUrl: './thing.component.html', 
    styleUrls: ['./thing.component.scss'] 
}) 
export class ThingComponent { 

    constructor(
    private thingService: ThingService) { 
    } 
} 

Answer 1

私が正しく理解していれば、より理論的な答えを得ることができます。

私が読んだことによると、 angular2注入システムは、そのプロバイダオブジェクト/関数のインスタンスを作成し、それをコンストラクタのように定義するときに、そのコンポーネントでそのインスタンスを使用します。使用しているコンポーネントで提供していない場合は、使用されているモジュールまで親コンポーネントに移動します。各レベルには独自のプロバイダインスタンスのマップがあり、コンポーネントは注入ツリーを上向きに横断するときに最初に見つかったインスタンスを使用します。

だから、プロバイダは、それが定義されている地点までのシングルトンインスタンスになります。ボンネットの下に何が起こる

Answer 2

は活字体が生成ES5コード内のメタデータを保持していることです。したがって、コンストラクタ内の注釈は実際にはなく、実行時に使用できます。その後、AngularのDIはそこから取得できます。次の要件が満たされた場合

活字体は常にそのメタデータを保持します：

1. どちらのコンパイラオプションのプロパティ - emitDecoratorMetadataとexperimentalDecorators - true
2. に設定する必要が上の少なくとも一つのデコレータがなければなりませんいくつかのサービスクラスが@Injectable()デコレータを使用する理由があります。そうしないと、依存関係のメタデータは出力されません）

私はそのトピックに関する詳細な記事を書いてくださいhere