角度2がコンポーネントからサービスにデータを送信

Question

私の目標は、角度コンポーネントからサービスにデータを送信し、サービスメソッドを使用してそれを処理することです。例：

export class SomeComponent { 
    public data: Array<any> = MyData; 
    public constructor(private myService: MyService) { 
     this.myService.data = this.data; 
    } 
} 

とサービス：

@Injectable() 
export class TablePageService { 
    public data: Array<any>; 
    constructor() { 
     console.log(this.data); 
     // undefined 
    } 
} 

の取得データは不定です。どのように動作させるには？

Answer 1

サービスとコンポーネントとの間の相互作用があり得る場合の例：

サービス：

@Injectable() 
export class MyService { 
    myMethod$: Observable<any>; 
    private myMethodSubject = new Subject<any>(); 

    constructor() { 
     this.myMethod$ = this.myMethodSubject.asObservable(); 
    } 

    myMethod(data) { 
     console.log(data); // I have data! Let's return it so subscribers can use it! 
     // we can do stuff with data if we want 
     this.myMethodSubject.next(data); 
    } 
} 

コンポーネント1（送信者）：

export class SomeComponent { 
    public data: Array<any> = MyData; 

    public constructor(private myService: MyService) { 
     this.myService.myMethod(this.data); 
    } 
} 

COMPONENT2（受信機）

export class SomeComponent2 { 
    public data: Array<any> = MyData; 

    public constructor(private myService: MyService) { 
     this.myService.myMethod$.subscribe((data) => { 
       this.data = data; // And he have data here too! 
      } 
     ); 
    } 
} 

説明：

MyServiceはdataを管理しています。必要ならばdataでまだやりとりをすることができますが、それはComponent2に任せておく方が良いです。基本的

MyServiceがComponent1からdataを受け取り、方法myMethod()に加入している誰に送信します。

Component1はdataをMyServiceに送信しています。 Component2はmyMethod()に登録されていますので、myMethod()が呼び出されるたびにComponent2は返信し、myMethod()が返すものを取得します。