2016-05-13 10 views
1

私はangular2とルータを使用してPlunkrを作成しようとしています。 http://plnkr.co/edit/mU0iS0g68G6vEdAokSNd?p=previewPlunkr + Angular2 + Router + Browser URL変更

@Component({ 
    selector: 'my-app', 
    directives: [ROUTER_DIRECTIVES], 
    providers: [ROUTER_PROVIDERS] 
    template: '<h1>My First Angular 2 App</h1><br/><router-outlet></router-outlet>' 
}) 
@Routes([ 
{path:'/page-one',component:PageOneComponent }, 
{path:'/page-two',component:PageTwoComponent } 
{path:'*',component:PageOneComponent } 
]) 
export class AppComponent { 
    constructor(public router:Router){ 

    } 
} 

私の問題は、私は私のマシン上で自分のアプリケーションを実行すると、URLは、私はルートを変更するブラウザに変更されることである(例えばhttp://localhost/page-oneのようなものまで)が、plunkrに:私は実際にそれがここで働いていルートを変更するとブラウザのURLが変わることはありません。同じplunkr.co/edic/blahblahblahのままです。ルーターを使用しているアプリがプランヌ内で見ている「URL」を表示/編集/制御する方法はありますか?

私が達成しようとしているものの良いアイデアを与えることをUPDATE

、イムこの問題で要求されるようにplunkr使用してルータでバグを再現しようとしている:https://github.com/angular/angular/issues/8603#issuecomment-218953090

+0

、あなたは(location.pathを使用することができます)http://plnkr.co/edit/fUZ08lLfP7UGdp07KxN8?p=preview – yurzui

+0

@yurzui ...それはまだいずれかを行いません。以下を参照してください。センス。うまくいきません! – micronyks

+0

@ Tucker http://take.ms/EKfMe – yurzui

答えて

2

plunkerインサイドあなた必要があります外部ウィンドウでplunkerを開く:

enter image description here

その後plunkerは、あなたが期待するURLの変更が表示されますウィンドウで開きます。例えば

enter image description here

+0

私はこのようにしますが、URLパラメータを追加すると、ページが破損します。例:http://run.plnkr.co/rIx0xQPac8ntUHii?something=value0 Im再現しようとしています。ルータのバグ(更新された質問を参照)を使って、私がしようとしていることの洞察を得る – Tucker

関連する問題