One way to pass objects around in an angular2 app using RxJS.

global.service.ts

import { Injectable } from '@angular/core';
import { 
  Subject,
  BehaviorSubject,
  Subscription } from 'rxjs';

@Injectable()
export class GlobalService {
  private subjects: object = {};
  
  subscribe<T>(key:string, fn: (value: T) => void, unsubscribe: Subject<any>): Subscription {
    this.putSubject<T>(key);
    return this.subjects[key]
               .takeUntil(unsubscribe)
               .subscribe({ next: fn });
  }

  emit<T>(key: string, value: T): void {
    this.putSubject<T>(key);
    this.subjects[key]
        .next(value);
  }


  private putSubject<T>(key: string): void {
    if (!this.subjects[key]) {
      this.subjects[key] = new BehaviorSubject<T>(null);
    }
  }
}

recieve.component.ts

import { 
  Component, 
  OnInit,
  OnDestroy } from '@angular/core';
import { Subject } from 'rxjs';
import { GlobalService } from './global.service.ts';

@Component({
  selector: 'app-recieve',
  templateUrl: './recieve.component.html',
  styleUrls: ['./recieve.component.scss']
})
export class ConfigComponent implements OnInit, OnDestroy {
  private unsubscribe = new Subject()
  public objRecieved: object = null


  constructor(private globalService: GlobalService) { }

  ngOnInit() {
    this.globalService
        .subscribe(
          "object",
          data => this.objRecieved = data,
          this.unsubscribe
        )
  }

  ngOnDestroy() {
    this.unsubscribe.next()
    this.unsubscribe.complete()
  }
}

send.component.ts

import { Component } from '@angular/core';
import { GlobalService } from './global.service.ts';

@Component({
  selector: 'app-send',
  templateUrl: './send.component.html',
  styleUrls: ['./send.component.scss']
})
export class ConfigComponent {
  public objSend: object = {};


  constructor(private globalService: GlobalService) { }
  
  
  onevent(): void {
    this.globalService
        .emit("object", this.objSend);
  }
}