2017-09-06 71 views
0

这是一个ts文件中的一个函数,我传递的是经度和纬度。现在我必须在其他组件中获取这些经纬度,以便如何在其他组件中获取这些参数。如何获取角度2中的其他组件中的多个参数

routeWithData(id, latitude, longitude) 
    { 
     //console.log(latitude, longitude); 
     this.router.navigate(['/provider/bookings/'+id+'/details/map-location/'+latitude+'/'+longitude]);  
    } 
+0

你只需要连接经纬度与任何分隔符(当然不包括/和)。例如谷歌地图在URL中传递坐标为'@ 45.4572583,4.4090734' – StephaneM

+0

我应该怎么做。 –

回答

0

,如果你有router.navigate(导航[ '/ someroute',{someProperty: “someValue中”}]

关注这个:

constructor(routeParams: RouteParams){ let myPassedData: any=routeParams.params;console.log(myPassedData.someProperty); #Prints"SomeValue"} 

你可以得到怎样的想法从这里使用它: how to pass RouteData via Router.navigate in angular2

0

您可以通过在URL中传递所有参数导航

routeWithData(id, latitude, longitude) { 
     //console.log(latitude, longitude); 
     this.router.navigate(['/provider/bookings/'+id+'/details/map-location/'+latitude+','+longitude]);  
    } 

在这种情况下,您将不得不解码URL以获取纬度和经度。

或者你也可以传递参数的查询参数:

routeWithData(id, latitude, longitude){ 
     //console.log(latitude, longitude); 
     lat latlon = latitude + ', ' + longitude; 
     this.router.navigate(['/provider/bookings/'+id+'/details/map-location/', { queryParams: { latlon: latlon } }]);  
    } 

详情请参阅https://angular.io/guide/router#query-parameters-and-fragments

相关问题