將價值從一種成分傳遞到另一種成分

Question

當組件不是父對子或子對子時，如何通過服務或任何其他方式將值從一個組件傳遞到另一組件？

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