グローバルサービスをアングル2の子クラスに渡す

Question

私は2つの子コンポーネントとサービスを持つメインコンポーネントを持っています。私はbootstrap(Main, [MyService])をやっていますが、これらの両方の子コンポーネントから機能（サービス機能を呼び出す可能性）を持ちたいと思います。このサービスのインスタンスを親コンポーネントから子コンポーネントにどのように渡す必要がありますか？

Answer 1

コンポーネントにサービスのプロバイダを指定しないでください。コンポーネントをコンストラクタに含めるだけです。

サービスをブートストラップに提供していて、それをシングルトンにしたい場合、コンポーネントは次のようになります。

@Component({ 
 
    template: '<child-component></child-component>', 
 
    directives: [ChildComponent], 
 
    providers: [] // no need to include the specify the service here 
 
}) 
 

 
export class MyComponent { 
 
    /*even though you're injecting the service here, it will use the same 
 
    instance provided in the bootstrap */ 
 

 
    constructor(private myService: MyService) { 
 
    
 
    } 
 
}

@Component({ 
 
    selector: 'child-component', 
 
    providers: [] // no need to include the specify the service here 
 
}) 
 

 
export class ChildComponent { 
 
    //you can do this as long as you don't specify the service in the providers list 
 
    constructor(private myService: MyService) { 
 
    } 
 
}