角2の他のコンポーネントで複数のパラメータを設定する

Question

これは、緯度と経度を渡す1つのtsファイルの関数です。今、私は他のコンポーネントでこれらのパラメータを取得する方法は、他のコンポーネントで長いこれらの緯度を取得する必要があります。

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

Answer 1

あなたは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

Answer 2

をあなたはURL

ですべてのパラメータを渡すことによって、のいずれかを移動することができます

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

この場合、URLをデコードして緯度と経度を取得する必要があります。

それとも、クエリのparamsで引数を渡すことができます。

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を参照してください。