Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular Plunkr+;角度2+;路由器&x2B;浏览器Url更改_Angular_Url Routing_Plunker - Fatal编程技术网

Angular Plunkr+;角度2+;路由器&x2B;浏览器Url更改

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} ]) 导出类

我正在尝试使用angular2和路由器创建一个Plunkr。实际上,我在这里工作:

@组件({
选择器:“我的应用程序”,
指令:[路由器指令],
提供者:[路由器提供者]
模板:“我的第一个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){

  }
}