すべてのビューの角度2レゾルバー

Question

私のアプリケーションは角度2（角度cli）といくつかのCMSに基づいています。ページの一部がCMSからダウンロードされ、角度2のページに表示されます。主な問題は、ヘッダーとフッターがCMSからのものであることです。 グローバルリゾルバを追加する方法（グローバルは非常に重要ですが、アプリケーション内のすべてのルートパスにリゾルバを追加したくありません）、CMSがヘッダーとフッターを返すまで待つ角度を強制します。私はすでに正常ルートインタフェース

export class InboxResolver implements Resolve<MessageListItem[]> 

を実装することによって、いくつかのルート上のいくつかのデータを待つようにリゾルバを使用していると私はいくつかのカスタムルートでそれを使用しています：

const MessagesRoutes: Routes = [ 
{ 
    path: 'inbox', 
    component: InboxComponent, 
    resolve: { messages: InboxResolver } 
} 
]; 

をしかし、どのように一つのグローバルHeaderAndFooterResolverを定義します一箇所？

Answer 1

わからない何あなたの質問は、についてですが、あなたはリゾルバとcomponentless親ルートを使用し、そのすべての子ルート

const MessagesRoutes: Routes = [ 
    { path: '', resolve: { messages: InboxResolver }, children: [ 
     { path: 'inbox', component: InboxComponent}, 
     { path: 'xxx', component: XxxComponent}, 
     { path: 'zzz', component: XxxComponent}, 
    ]} 
]; 

Answer 2

あなたは基本的に各componentに1つresolver必要と宣言する必要があるとこれを共有することができます各ルートごとに1回ずつ、親>子供でない限り、次のようにリゾルバを共有することができます。

const MessagesRoutes: Routes = [ 
    { path: '', resolve: { messages: EmailResolver }, children: [ 
    { path: 'inbox', component: InboxComponent }, 
    { path: 'outbox', component: OutboxComponent }, 
    { path: 'sent', component: SentComponent }, 
    { path: 'received', component: ReceivedComponent } 
    ]} 
];