Я мог бы использовать несколько советов, как подойти к этой проблеме, с которой я сталкиваюсь. Чтобы объяснить это как можно лучше, я создал основной компонент:

@Component({
selector: 'main-component',
providers: [...FORM_PROVIDERS, MainService, MainQuoteComponent],
directives: [...ROUTER_DIRECTIVES, CORE_DIRECTIVES, RouterOutlet, MainQuoteComponent ],
styles: [`
    agent {
        display: block;
    }
`],
pipes: [],
template: `
   **Html hidden**
  `,
  bindings: [MainService],
})

@RouteConfig([
    { path: '/', name: 'Main', component: MainMenuComponent, useAsDefault: true },
    { path: '/passenger', name: 'Passenger', component: PassengerComponent },
])

@Injectable()
export class MainComponent {

bookingNumber: string;
reservation: Reservation;
profile: any;

constructor(params: RouteParams, public mainService: MainService) {

    this.bookingNumber = params.get("id");

     this.mainService.getReservation(this.bookingNumber).subscribe((reservation) => {

        this.reservation = reservation;
    });

    this.profile = this.mainService.getUserDetails();

} 

}

Этот компонент получает резервирование из API и сохраняет его в объекте резервирования, который вы видите (он имеет тип резервирования, который представляет собой класс, который выглядит следующим образом)

export class Reservation {

constructor(
    public Id: number,
    public BookingNumber: string,
    public OutboundDate: Date,
    public ReturnDate: Date,
    public Route: string,
    public ReturnRoute: string,
    public Passengers: string,
    public Pet: string,
    public VehicleType: string,
    public PassengersList: Array<Passengers>

) { }
}

Когда я нажимаю кнопку «Пассажир», он перенаправляется на страницу «Пассажирский» «Главный / пассажир», но здесь мне нужно отправить объект бронирования (весь) или просто PassengerList (массив).

Кто-нибудь знает, возможно ли это сделать с помощью параметров маршрута или с помощью розетки маршрутизатора? Какие-либо предложения?