2017-06-08 12 views
0

私は角度4で作業しています。私はすべてのページのマスターページの概念を作りたかったのです。角4:サイドバーの概念を持つマスターページ

は、これは私が欲しいものです:

enter image description here

は、実際には、私は別のテンプレートを使用して、独自のテンプレート(私の画面のように)、および他のページと認証ページを持っていると思います。

たとえば、の固定ツールバーと左側のサイドバーが必要です。そして内側のページは、動的コンテンツです。

私の考えでは、ページAppComponentのルータ出口に認証ページまたは「マスターページ」(ツールバーとサイドバー)が表示され、このマスターページでダイナミックのコンテンツを作成しました。

しかし、動作しません...

どうすればいいですか?

おかげ

答えて

1

あなたはcomponentsを使用し、その後、angular4を使用している場合。

あなたは論文の部品を作ることができます。

Authentification 
Authentification-Content 
Authentification-Sidebar 
Master 
Master-Titlebar 
Master-Sidebar 
Master-Content 
Home 
Product 

は、その後、それは望ましい結果を得るために、お互いにコンポーネントを注入するだけです。例えば

あなたは製品ページを表示したい場合、あなたはあなたのコンポーネントは次のように注射してもらった:

index.html 
    Master 
     Master-Titlebar 
     Master-Sidebar 
     Master-content 
      Product