コンポーネント内の角型サービスコール関数

Question

これは、関係のない2つのコンポーネントが1つのコンポーネントでサービス内でイベントを発行し、もう1つがサービス内でイベントを発行することによって、サービスを介して互いに通信できることがわかっています。

私の質問：

は

サービスが直接コンポーネントで関数を呼び出すことができますか？

Answer 1

デフォルトではありません。サービスはクラスのインスタンスですが、それ以上のことはありません。

@Injectable() 
class MyService { 
} 

@Component({ 
    selector: 'my-component', 
    ... 
)} 
class MyComponent { 
    constructor(private myService:MyService) {} 
} 

@NgModule({ 
    providers: [MyService], 
    ... 
}) 
export class AppModule {} 

この方法でサービス（MyService）インスタンスがMyComponentに渡されますが、それがすべてです。サービスインスタンスには、MyComponentについての知識はありません。

サービスにObservableを追加し、コンポーネントに登録することをお勧めします。

@Component({ 
    selector: 'my-component', 
    ... 
)} 
class MyComponent { 
    constructor(myService:MyService) { 
    myService.someObservable.subscribe(value => doSomething(value)); 
    } 

    doSomething(value) { 
    console.debug(value); 
    } 
} 

このようにサービスはObservablesomeObservableは別の値を発するコンポーネントのメソッド「呼び出し」。詳細については

は、あなたがあなたのサービスをブートストラップしていないことを、あなたはapp.moduleであなたのプロバイダの配列にあなたのサービスを追加する以外上記detect change of nested property for component input

Answer 2

答えが正しいか参照してください。あなたは必ずコンポーネントにあなたのサービスでの参照を持っている場合

@NgModule({ 
    declarations: [MyComponent], 
    imports: [], 
    providers: [MyService], 
    bootstrap: [AppComponent] 
}) 

その後、コンポーネント

import { Component } from '@angular/core' 

import { MyService } from './path/to/my.service' 

... 

export class MyComponent { 

    constructor(private myService:MyService){} 

}