Обмен данными между компонентами с помощью службы в Angular2

Я разрабатываю приложение с использованием angular2. У меня есть сценарий, где мне нужно передать сложные данные (массив объектов) от одного компонента к другому компоненту(они не являются родительскими-дочерними, они являются двумя отдельными компонентами) при маршрутизации(используя маршрутизатор.плавать.))( Я прогуглил это, и большинство результатов описывают сценарий компонентов, которые являются родительскими. Я просмотрел результаты и нашел эти способы передачи данных.

1) Создать Общую Службу 2) пройти как параметры маршрута

2-й подход работает для меня (хотя мне это не нравится, когда у меня есть сложные данные, как описано выше). Я не могу поделиться данными с помощью shared service. Итак, мои вопросы: передача данных между компонентами с помощью служб работает только тогда, когда компоненты находятся в отношениях "родитель-потомок"? Кроме того, дайте мне знать, есть ли другие предпочтительные способы передачи данных между одним компонентом и другим?

обновление: Я добавляю немного кода из моего сценария. Пожалуйста сообщите мне о моей ошибке, почему передача данных через общие службы не работает.

у меня есть 2 компонента: 1) SearchComponent 2) TransferComponent Я устанавливаю данные в SearchComponent и хочу получить доступ к данным в TransferComponent через utilityService.

Коммунальные Услуги:

import {Injectable} from "@angular/core";

@Injectable()
export class UtilityService{
    constructor(){

    }
    public bioReagentObject = [];

    routeBioReagentObj(bioReagentObj){
        console.log("From UtilityService...", bioReagentObj);
        for (let each of bioReagentObj)
            this.bioReagentObject.push(each)
        // console.log("From UtilityService",this.bioReagentObject);
    }

    returnObject(){
        console.log("From UtilityService",this.bioReagentObject);
        return this.bioReagentObject
    }



}

searchcomponent.ТС

    import {UtilityService} from "../services/utilityservice.component";
    import {Component, OnInit, OnDestroy, Input} from '@angular/core';

@Component({
    selector: 'bioshoppe-search-details',
    providers: [UtilityService],
    templateUrl: 'app/search/searchdetails.component.html',
    styleUrls: ['../../css/style.css']
})

export class SearchDetailsComponent implements OnInit, OnDestroy {
    constructor(private route: ActivatedRoute,
                private utilityService: UtilityService,
                private router: Router) {

    }
    @Input() selected: Array<String> = [{barcode:123, description:"xyz"}];

       //This method is called from .html and this.selected has the data to be     shared.
       toTransfer() {
        this.utilityService.routeBioReagentObj(this.selected);
        this.router.navigate(['/transfer']);

    }
}

TransferService.ТС

import {Component, Input, OnInit, OnDestroy} from '@angular/core';
import {TransferService} from "../services/transferservice.component";
import {UserService} from "../services/userservice.component";
import {SearchService} from "../services/searchservice.component";
import {ActivatedRoute} from '@angular/router';
import {UtilityService} from "../services/utilityservice.component";


@Component({
    selector: 'bioshoppe-transfer',
    providers: [TransferService, UserService, SearchService, UtilityService],
    templateUrl: 'app/transfer/transfer.component.html',
    styleUrls: ['../../css/style.css', '../../css/transfer.component.css']
})

export class TransferComponent implements OnInit, OnDestroy{
    constructor(private transferService: TransferService,
                private userService: UserService,
                private searchService: SearchService,
                private utilityService: UtilityService,
                private route: ActivatedRoute
    ) {

    }
ngOnInit() {
// I am trying to access the data here, but it print "undefind"
console.log("From Transferpage",this.utilityService.returnObject());
}
}

Я уверен, что что-то не так, но это просто, что я не могу чтобы выяснить это.Любая помощь приветствуется.