Angular 2 senden Daten von Komponente zu Service

Question

Mein Ziel ist es, Daten von Angular-Komponente zu Service und Service-Methoden zu senden, um daran zu arbeiten. Beispiel:

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

und Service:

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

Erste Daten ist nicht definiert. Wie funktioniert es?

Answer 1

Ein Beispiel, wenn die Interaktion zwischen Dienst und Komponente sein könnte:

Service:

@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); 
    } 
} 

Component1 (Sender):

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

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

Component2 (Empfänger):

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! 
      } 
     ); 
    } 
} 

Erläuterung:

MyService ist die Verwaltung der data. Sie können immer noch mit data Sachen machen, wenn Sie wollen, aber es ist besser, dies zu Component2 zu lassen.

Grundsätzlich MyService erhält data von Component1 und sendet sie an jeden der Methode myMethod() abonniert ist.

Component1 sendet data an die MyService und das ist alles, was er tut. Component2 ist die myMethod() abonniert, so dass jedes Mal myMethod() abgerufen werden, Component2 wird zuhören und bekommen, was auch immer myMethod() zurückkehrt.