Ich benötige Hilfe bei der Übergabe eines Strings (bookingNumber) an eine Komponente, wenn ich die router.navigate-Methode verwende.

Rechts jetzt habe ich einen Dienst namens bookingsService, der hier eine Methode wie diesen Code hat:

    redirectToBookingPage(bookingNumber: string) {

    var bookingNumber = bookingNumber;

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

Die Umleitung funktioniert, aber wie kann ich den Wert bookingNumber senden und in die Komponente laden?

Die Komponente, die diesen Wert erhalten soll, ist hier:

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() {


    } 

}

Ich denke, bevor ich den HTML-Code lade, sollte ich eine Methode im Konstruktor ausführen, um die bookingNumber aus der URL zu erhalten?