Angular Plunkr+;角度2+;路由器&x2B;浏览器Url更改
我正在尝试使用angular2和路由器创建一个Plunkr。实际上,我在这里工作:Angular Plunkr+;角度2+;路由器&x2B;浏览器Url更改,angular,url-routing,plunker,Angular,Url Routing,Plunker,我正在尝试使用angular2和路由器创建一个Plunkr。实际上,我在这里工作: @组件({ 选择器:“我的应用程序”, 指令:[路由器指令], 提供者:[路由器提供者] 模板:“我的第一个Angular 2应用程序” }) @路线([ {path:'/page one',component:PageOneComponent}, {path:'/page two',component:page two component} {路径:'*',组件:PageOneComponent} ]) 导出类
@组件({
选择器:“我的应用程序”,
指令:[路由器指令],
提供者:[路由器提供者]
模板:“我的第一个Angular 2应用程序
”
})
@路线([
{path:'/page one',component:PageOneComponent},
{path:'/page two',component:page two component}
{路径:'*',组件:PageOneComponent}
])
导出类AppComponent{
构造函数(公共路由器:路由器){
}
}
我的问题是,当我在我的机器上运行我的应用程序时,当我更改路由时,浏览器中的URL将更改(例如,更改为类似的内容),但在plunkr中,浏览器中的URL在我更改路由时从不更改-它只是保持不变plunkr.co/edic/blahblahblah。是否有办法查看/编辑/控制使用路由器的应用程序在plunkr中看到的“url”
更新
为了更好地了解我要实现的目标,我尝试按照本期要求使用plunkr复制路由器的一个bug:在plunker内部,您必须在外部窗口中打开plunker: 然后plunker将在一个窗口中打开,该窗口将显示预期的URL更改。见下文:
例如,您可以使用location.path()@yurzui…它仍然没有任何意义。不行@塔克:我喜欢这样,但当我添加url参数时,它会破坏页面-例如:我试图在路由器中重现一个bug(请参阅更新的问题),以了解我正在尝试做什么
@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){
}
}