角2ルート間のオブジェクトの受け渡し

Question

ルート間で共通のオブジェクトを渡す方法の解答を探しています。

は私が発するために聞くことができるようにsocket.io

は私が私のサイト全体にわたるそのソケットサービスへのアクセスを持っている必要があります保存するサービスを提供しています。

私はroute.tsファイルを持っています。ルートでソケットサービスを初期化し、必要に応じてルートにパスする方法がわかりません。

私は、ドキュメントを読んでいると私は私のroute.tsファイルに以下のようなデータを使用しようとしています：

const routes: RouterConfig = [ 

    { path: '', component: AppComponent }, 
    { path: 'function1', component: Function1Component, data: { socket: socket }}, 
]; 

は、しかし、私はソケットサービスを宣言する場所を知りません。あなたは、ルートのdataオプションから（オブジェクト/約束/観測可能に返すために起こっている）、いくつかの機能のリファレンスを渡ししようとしているので、それがためdataオプションでそれを渡すことによって動作しないでしょう、あなたの場合は

おかげ

Answer 1

this.routerData.get('socket')を実行してデータを要求すると、データを文字列化します。

resolveオプションを使用することを強くお勧めします。 resolve方法は、あなたがこの中には、ルーティング関与してはならないpromise/observable

コード

@Injectable() 
class SocketResolver implements Resolve { 
    constructor(private socketService: socketService) {} 
    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):Observable<any> { 
    return this.socketService.connection(); 
    } 
} 

const routes: RouterConfig = [ 
    { path: '', component: AppComponent }, 
    { path: 'function1', component: Function1Component, 
     resolve: { socket: SocketResolver } 
    } 
]; 

Doc Link

Answer 2

を返します。 だけでサービスを作成します。https://angular.io/docs/ts/latest/tutorial/toh-pt4.html

SocketService.ts

import { Injectable } from '@angular/core'; 

@Injectable() 
export class SocketService { 
    ... 
} 

、コンストラクタを介して、あなたのコンポーネントまたは他のサービスでそのサービスを挿入：

constructor(private socketService:SocketService) { } 

プラス、あなたのサービスがintializedされていることを確認しますブートストラッププロセスでは：

bootstrap(AppComponent, [ 
    SocketService, 
    ... ]); 

は、コンストラクタ内にあるすべてのコンポーネントに注入されるサービスの単一のインスタンスを作成します。したがって、必要なあらゆる場所から同じソケットサービスにアクセスできます。