2017-06-15 9 views

答えて

2

app.component.tsは、通常、アプリケーションのルートコンポーネントのような役割を果たし、自身のモジュール/コンポーネントに座っているように私はまだそれのために使用することを発見していません。 ルータ出口を置く場所には、ルーティングに基づいてビューを保持するヘッダー、フッター、およびルーターアウトレットがあります。詳細について

<app-header></app-header> 
<router-outlet></router-outlet> 
<footer></footer> 

app.component.htmlための典型的な例では、レイアウトテンプレートと<router-outlet></router-outlet>要素になりhttps://angular.io/guide/quickstart

+0

現在、私はそれを使用しています。だからレイアウトロジックのための方法? –

+0

アプリケーションの基本的な "シェル"用です。それ以外のものはすべてその "シェル"内で動作します。最高のパフォーマンスを得るには、app.componentをできるだけシンプルに保ち、アプリケーションのシェルをすばやく表示できるようにすばやくダウンロードすることをお勧めします。 – DeborahK

2

。 app-rootはあなたのアプリケーションのメインエントリーポイントとみなされるべきなので、基本的には、を参照したいものをアプリケーション全体に入れます。

一方、app.component.tsの内部では、実行するコードはで、実行中はになるようにしてください。サービスの設定、マテリアルアイコンサービスでのカスタムアイコンの登録、グローバル変数の設定など。を一度だけ実行するコード設定内容またはです。

関連する問題