Связь компонентов через общую службу

Go to Navigation Component and create a method that reference shared service.

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

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

Now open Angular Service and create Subject and method for publishing subject.

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

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

Подробнее о предметах вы можете прочитать на этой [странице] [2].

Now open Main Component and subscribe subject from shared service.

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

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