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

的Component1（發送者）：

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()返回的結果。