我正在嘗試使用angular2和路由器創建一個Plunkr。其實，我有工作在這裏：http://plnkr.co/edit/mU0iS0g68G6vEdAokSNd?p=preview Plunkr + Angular2 +路由器+瀏覽器網址更改

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

    } 
}

我的問題是，當我在我的機器上運行我的應用程序，該網址會在當我改變路線的瀏覽器改變（例如，以類似http://localhost/page-one），但在plunkr ，當我改變路線時，瀏覽器中的網址永遠不會改變 - 它只是停留在同一個plunkr.co/edic/blahblahblah。有沒有辦法查看/編輯/控制使用路由器的應用程序在plunkr中看到的'url'？

UPDATE

舉的就是我試圖完成一個更好的主意，即時通訊試圖重現使用plunkr路由器的錯誤在這個問題上要求：https://github.com/angular/angular/issues/8603#issuecomment-218953090

來源

2016-05-13 Tucker

例如，你可以使用location.path（）http://plnkr.co/edit/fUZ08lLfP7UGdp07KxN8?p=preview – yurzui

@yurzui ...它仍然沒有任何感。不工作！ – micronyks

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

裏面一個plunker你必須在外部窗口打開plunker：

然後plunker將在一個窗口中，將顯示你的URL變化，你希望打開。請看下圖：

來源

2016-05-13 15:45:41

我喜歡這個，但是當我添加url參數，它打破了頁面 - 例如：http://run.plnkr.co/rIx0xQPac8ntUHii？something = valueue我試圖重現路由器中的一個錯誤（請參閱更新後的問題），以深入瞭解我正在嘗試做什麼 – Tucker

Plunkr + Angular2 +路由器+瀏覽器網址更改

UPDATE

回答

相關問題