angular 2中的Treeview --ng的替代方案--包含并在组件之间传递整个对象

import { Subject } from 'rxjs';
import { RouterModule } from '@angular/router';

const sharedObject = new Subject<any>();

@NgModule({
  imports: [
    RouterModule.forRoot(routes)
  ],
  providers: [
    { provide: 'sharedObject', useValue: sharedObject }
  ],
  ...
})
export class AppModule { }

import { Component } from '@angular/core';

@Component({
  selector: 'sender-component',
  template: `
    <button (click)="sendObject()">Send Object</button>
  `
})
export class SenderComponent {
  constructor(private sharedObject: Subject<any>) { }

  sendObject() {
    const obj = { name: 'John', age: 30 };
    this.sharedObject.next(obj);
  }
}

import { Component } from '@angular/core';

@Component({
  selector: 'receiver-component',
  template: `
    <div>{{ receivedObject | async | json }}</div>
  `
})
export class ReceiverComponent {
  receivedObject: Observable<any>;

  constructor(private sharedObject: Subject<any>) {
    this.receivedObject = this.sharedObject.asObservable();
  }
}