プロバイダをコンポーネントに挿入する方法は？

Question

Angular2のコンテナコンポーネントにプロバイダを挿入するにはどうすればよいですか？例えば

私は親コンポーネントを持つ：

@Component({ 
    selector: 'myForm', 
    template: '<form><myForm-detail></myForm-detail></form>', 
    directives: [ MyFormDetailComponent ] 
}) 
export class MyFormComponent { 
    ... 
} 

とコンテナコンポーネント：

@Component({ 
    selector: 'myForm-detail', 
    template: '<input type="text">', 
    providers: [ MyService ] 
}) 
export class MyFormDetailComponent { 
    constructor(s: MyService) { 
     console.log(s); // return "undefined" 
    } 

    ... 
} 

MyFormDetailComponentにMyServiceでを注入する方法は？

Answer 1

両方のコンポーネントに同じサービスを注入する場合は、親コンポーネントのproviders属性にMyServiceを定義するだけです。この方法（およびため、階層のインジェクタ）は、次の2つのコンポーネントにそれを注入することができるようになります：https://plnkr.co/edit/rUBgioLtqIAfWNCkRnlN?p=preview：

@Component({ 
    selector: 'myForm', 
    template: '<form><myForm-detail></myForm-detail></form>', 
    directives: [ MyFormDetailComponent ], 
    providers: [ MyService ] 
}) 
export class MyFormComponent { 
    constructor(s: MyService) { 
    } 
    ... 
} 

(...) 

@Component({ 
    selector: 'myForm-detail', 
    template: '<input type="text">', 
}) 
export class MyFormDetailComponent { 
    constructor(s: MyService) { 
    console.log(s); 
    } 
} 

このplunkrを参照してください。

• What's the best way to inject one service into another in angular 2 (Beta)?