Plunker + Angular 2 + 路由器 + 浏览器 Url 更改

Question

我正在尝试使用 angular2 和路由器创建一个 Plunkr。我实际上在这里工作：http://plnkr.co/edit/mU0iS0g68G6vEdAokSNd?p=preview

@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。有没有办法 view/edit/control 使用路由器的应用程序在 plunkr 中看到的 'url'？

更新

为了更好地了解我要完成的工作，我尝试按照本期中的要求使用 plunkr 重现路由器的错误：https://github.com/angular/angular/issues/8603#issuecomment-218953090

Answer 1

在 plunker 中你必须在外部打开 plunker window:

然后 plunker 将在 window 中打开，向您显示您期望的 URL 更改。见下文：

Plunker + Angular 2 + 路由器 + 浏览器 Url 更改

Plunkr + Angular2 + Router + Browser Url Change

url-routing

plunker

angular

更新