角度ルータ

Question

私はこの

export const routes: Routes = [ 
    { 
     path: 'users/:userId', 
     component: UserComponent, 
     resolve: { 
      profile: { name: 'John Doe', .... } 
     } 
    } 
]; 

ので

DEMO

のように、ルータに直接いくつかのデータを解決しようとしている、私はこのルートに移動したときに私が取得して、いくつかのJSONを解決する方法エラー

ERROR Error: Uncaught (in promise): Error: No provider for John Doe! 

私が持っている疑問を、以下、私が解決できる方法である静的json

Answer 1

変更resolvedataへ：

export const routes: Routes = [ 
    { 
     path: 'users/:userId', 
     component: UserComponent, 
     data: { 
      profile: { name: 'John Doe', .... } 
     } 
    } 
]; 

アクセスそのルートのスナップショットを介してデータ：

this.route.snapshot.data['profile']; 

this.routeあなたが作業しているコンポーネントの中に注入された有効ルートサービスがある

export class UserComponent { 
    constructor(private route: ActivatedRoute) { } 
}