コンポーネントに注入する前にAngular 4サービスのデータを解決する方法はありますか？

Question

私は角2/4が新しいので、私の無知を許してください。私はさまざまなコンポーネントに注入したいサービスを持っていますが、このサービスはまずサーバーから取得する必要のあるメタデータを使用します。サービスがコンポーネントに注入される前に、サービスのデータが確実に解決されるようにする方法があるかどうかを知りたい。

ルートガードについては、私が探しているものに似て聞こえるが、サービス自体にはルートがないため、私の問題には当てはまらないと思う。

Answer 1

角度2/4で解決すると、ルートとコンポーネントをアクティブにする前にデータを取得できます。

UserResolveサービスは、サーバーからデータを取得します。

import { Injectable } from '@angular/core'; 
import { Resolve, ActivatedRouteSnapshot} from '@angular/router'; 
import { UserService } from '../services/user.service'; 

@Injectable() 
export class UserResolve implements Resolve<any> { 

    constructor(private service: UserService) {} 

    resolve(route: ActivatedRouteSnapshot) { 
    return this.service.getUser().then(user => user); 
    } 

} 

注：モジュール内の「UserResolve」をインポートし、プロバイダ（下記参照）で使用します。

....... 
import { UserService } from '../services/user.service'; 
import { UserResolve } from './user.resolve'; 

@NgModule({ 
    imports: [ ... ], 
    declarations: [HomeComponent, AboutComponent, AboutUserComponent], 
    providers: [UserService, UserResolve] 
}) 
export class UserModule { } 

コンポーネントをロードする前にルータモジュールで使用して、サービスを呼び出して（データを解決する）

const aboutRoutes: Routes = [ 
     { 
     path: '', 
     component: HomeComponent, 
     children: [ 
      { 
      path: '', 
      component: AboutComponent, 
      resolve: { 
       user: UserResolve 
      } 
      }, 
      { 
      path: 'user', 
      component: AboutUserComponent 
      } 
     ] 
    } 
] 

は