角2 - レイアウトコンポーネント

Question

私は大きなプロジェクトに取り組んでおり、1つの問題に直面しています。テンプレートなしのページはほとんどありません（つまり、ナビゲーションバーやフッタなどのメインコンテンツを包むコード）と、レイアウトのある他の多くのページがあります。未登録のユーザーはレイアウトされたページにアクセスできません。まず、彼はレイアウトなしでページにログインする必要があり、レイアウトでメインコンテンツを見ることができます。

主なコンセプトは、ルートがあるページ間をナビゲートし、必要に応じてこのページをレイアウトでラップすることです。いわゆるいくつかのコンポーネントは、それが「親コンポーネント」のいくつかの種類を呼び出し、レイアウトを使用して自身をラップするとき

RootComponentは非常に簡単です：

Component({ 
    selector: 'my-app', 
    template: `<router-outlet></router-outlet>`, 
    directives: [ROUTER_DIRECTIVES], 

}) 

export class RootComponent { 

    constructor(){  
    } 

} 

すべての魔法は、ルーティングされたコンポーネントからなるべきです。また、私はナビゲーションとページの依存関係でimgを添付しました。

誰かがアプリケーションの簡単な例を書くことができますか？

Answer 1

これは、新しいngModuleがために設計された、まさにです。それを使用すると、メインアプリケーションを含むAppModuleと、ログインコンポーネントを含むLoginModuleを作成できます。 https://angular.io/docs/ts/latest/api/core/index/NgModule-decorator.html