角2 rc 1ルータ - URLを書き換えます

Question

rc 1ルーティングに更新した後、urlにクエリ文字列パラメータがある場合、私のアプリケーションは動作しません。 、私はこのようなURLを持っているときに問題がある

import {Component, OnInit, OnDestroy, Input, ChangeDetectorRef} from "@angular/core"; 
import {OnActivate, Router, RouteSegment} from "@angular/router"; 
@Component({ 
    selector: "my-main", 
    templateUrl: "main.html" 
}) 
export class MainComponent implements OnInit, OnDestroy, OnActivate { 
    constructor(private router: Router){} 
    routerOnActivate(curr: RouteSegment) : void { 
     let id = curr.getParam("designId"); 
    } 
    ngOnInit() {} 
} 

http://localhost:49191/designer?designId=100：

import {Component, OnInit, OnDestroy } from '@angular/core'; 
import {ROUTER_PROVIDERS, Routes, Router, ROUTER_DIRECTIVES} from '@angular/router'; 
@Component({ selector: 'my-app', 
    providers:[ROUTER_PROVIDERS], 
    template: 
    ` 
     <router-outlet></router-outlet> 
    ` 
    , directives: [ROUTER_DIRECTIVES] 
}) 
@Routes([ 
    {path:'/designer',    component: MainComponent}, 
    {path:'/designer/designs/:id', component: SharedDesignComponent} 
]) 
export class AppComponent implements OnInit, OnDestroy { 

constructor(private router: Router){} 

ngOnInit() { 
    console.log("appComponent: Initialized"); 
} 

ngOnDestroy() { } 
} 

そしてここでは、主成分である：ここでは

はルートがアプリケーションのコンポーネントで定義されている方法ですメインコンポーネントを正しく呼び出し、routerOnActivateも呼び出されます。しかし、それの中で、私はIDを取得しません。 ngOnInitが呼び出されるとすぐに、URLはクエリ文字列パラメータなしでhttp://localhost:49191/designerに変更されます。

どのようにURLを保持しますか？それはルータによって変更させてはいけませんか？

Answer 1

あなたはこのようなあなたのMainComponentにアクセスする必要があります：私は;

で?を交換し、すべてが正常に動作する必要がありますか

http://localhost:49191/designer;designId=100 

注意してください。

基本的に、クエリ文字列パラメータは "？"で区切られません。 「&」となります。それらはセミコロンで区切られています（;）。これはMatrix URL notationと呼ばれ、Angular 2 RC1 Routerの方法に基づいています。

詳細については、this answerを参照してください。