あるコンポーネントから別のコンポーネントへの値の受け渡し

Question

コンポーネントが親から子へ、または子から親へのいずれの場合も、サービスまたは他の方法で1つのコンポーネントから別のコンポーネントに値を渡す方法はありますか？

Answer 1

serviceを使用すると、コンポーネントから別のデータにデータを渡すことができます。

data.service.ts：

@Injectable() 
export class DataService { 
    private data: string; 

    constructor() { 
     this.data = 'myData' 
    } 

    getData(): Promise<string> { 
    return Promise.resolve(this.data); 
    } 

    setData(data: string) { 
     this.data = data; 
    } 
} 

component A：

export class ComponentA { 

    private data: string; 
    constructor(private dataService: dataService) { 
     this.getData(); 
    } 

    getData() { 
    this.dataService.getData().subscribe(
     (data) => { 
     this.data = data; 
     } 
    ) 
    } 

    setData(data: string) { 
    this.dataService.setData(data); 
    } 
} 

component B：

export class ComponentB { 

    private data: string; 
    constructor(private dataService: dataService) { 
     this.getData(); 
    } 

    getData() { 
    this.dataService.getData().subscribe(
     (data) => { 
     this.data = data; 
     } 
    ) 
    } 

    setData(data: string) { 
    this.dataService.setData(data); 
    } 
}