Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.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 角度4-路径值不可用_Angular_Typescript_Routing_Routes - Fatal编程技术网

Angular 角度4-路径值不可用

Angular 角度4-路径值不可用,angular,typescript,routing,routes,Angular,Typescript,Routing,Routes,我有一个服务,它可以获取一个到站点的路由列表,用于使用下面的代码构建Bootstrap4下拉菜单 我面临的挑战是,我无法理解如何获取路线值并将其插入“主页”和“详细信息”链接中。任何帮助都将不胜感激 从'@angular/core'导入{Component,Injectable,OnInit,Pipe,PipeTransform}; 从'@angular/Http'导入{Http,URLSearchParams}; 从'@angular/Router'导入{Router,ActivatedRo

我有一个服务,它可以获取一个到站点的路由列表,用于使用下面的代码构建Bootstrap4下拉菜单

我面临的挑战是,我无法理解如何获取路线值并将其插入“主页”和“详细信息”链接中。任何帮助都将不胜感激

从'@angular/core'导入{Component,Injectable,OnInit,Pipe,PipeTransform};
从'@angular/Http'导入{Http,URLSearchParams};
从'@angular/Router'导入{Router,ActivatedRoute,Params};
从“rxjs/Observable”导入{Observable};
从“../services/sites.service”导入{sitesService};
@组成部分({
选择器:“应用程序标题”,
templateUrl:'./header.component.html',
样式URL:['./header.component.css']
})
导出类HeaderComponent在Init上实现{
地点:任何;
filteredsiteTitle='';
selectedsite:{name:string};
//所选地点:任何地点;
构造函数(专用站点服务:站点服务,专用路由器:路由器,专用路由:ActivatedRoute){}
恩戈尼尼特(){
//所有站点
this.sitesService.getsites().subscribe(
(响应)=>this.updatesites(响应),
(错误)=>console.log(错误)
);
//选定地点
this.selectedsite={
名称:this.route.snapshot.params['name']
};
this.route.params.subscribe(
(参数:参数)=>{
this.selectedsite.name=params['name'];
控制台日志(params);
返回this.selectedsite.name;
}
);
}
更新站点(站点响应){
this.sites=站点响应;
this.sites=JSON.parse(this.sites.\u body);
}
}
HTML模板代码为:

  • {{site.Title}
  • 细节
试试看
this.route.snapshot.paramMap.get('name')

这并没有提供问题的答案。若要评论或要求作者澄清,请在其帖子下方留下评论。-不知道你在说什么?问题是如何获取路线价值,我的答案显示了如何获取。这不起作用。看起来ngOnit()一次又一次地触发,所以我似乎无法获取路由值。你能提供一个更清楚的例子吗?