Мне нужна помощь с передачей строки (bookingNumber) компоненту, когда я использую метод router.navigate.

Прямо сейчас у меня есть сервис под названием bookingsService, у которого есть метод, подобный следующему:

    redirectToBookingPage(bookingNumber: string) {

    var bookingNumber = bookingNumber;

    this.router.navigate(['../Main']);
}

Перенаправление работает, но как я могу отправить значение bookingNumber и загрузить его в компонент?

Компонент, который должен получить это значение, находится здесь:

import { Injectable, Inject, Component } from 'angular2/core';
import {RouteConfig, Router, ROUTER_DIRECTIVES} from 'angular2/router';
import {FORM_PROVIDERS} from 'angular2/common';

@Component({
    selector: 'main-component',
    providers: [...FORM_PROVIDERS],
    directives: [...ROUTER_DIRECTIVES ],
    styles: [`
        agent {
            display: block;
        }
    `],
    pipes: [],
    template: `
       <div class="column small-12 main-area">
            <div class="content content-container">
                <div class="is-loading"></div>
                <div class="row uncollapse login-container">
                    <div class="column small-12">
                        <div class="row">
                            <h1>Main</h1>

                        </div>
                    </div>
                </div>              
            </div>
        </div>
  `,
  bindings: [],
})

@Injectable()
export class MainComponent {

    constructor() {


    } 

}

Я думаю, прежде чем загружать HTML, я должен запустить метод в конструкторе, чтобы получить bookingNumber из URL?