Angular 共享服务上的组件通信

如果您在一个组件中，并且希望从另一个组件触发方法，该怎么办？您可以通过其他三种方式实现这一点，请阅读更多有关这方面的内容。在这里，我想向你们展示，如何实现这一点的最简单的例子

假设我们有两个组件需要通过共享服务进行通信。假设我们在导航组件中，我们希望从主组件触发方法

转到导航组件，创建一个引用 共享服务

现在打开Angular Service并创建发布主题和方法 主题

---

美好的你的问题到底是什么？

import { SharedService } from 'app/services/sharedService.service';
constructor(private service: SharedService){}

      // Say Hello from another component
      SayHello(message) {
        this.service.CallComponentMethod(message);
      }

import { Subject } from 'rxjs/Subject'; // don't forget to import it!
public pushMessage = new Subject<any>();

  CallComponentMethod(message) {
    this.pushMessage.next(message);
  }

import { SharedService } from 'app/services/sharedService.service';
constructor(private service: SharedService){}

this.service.pushMessage.subscribe((x) => {
  console.log('This is a message sent from the navigation component: ' + x);
});