2017-12-14 20 views
0

他のコンポーネント内でディレクティブを使用できるコンポーネントを作成したいとします。このディレクティブには、どのページ(アプリケーションの深さ)に基づいて表示されるラベル付きルートが含まれます。基本的にはブレッドクラムのようなものではなく、ラベル付きのタブです。ない私のアプリの構造がどこにあるかを開始するのではなく、ここで確認してください。彼らはまた、(コース、教師を含むメニューバーを参照してください私のコンポーネントでナビゲーションルートを使用してヘッダコンポーネントを作成する角度2

Home 
    Courses 
    Teachers 
     Teacher Profile 
    Students 
    Courses for student 
    Student Profile 

ユーザーが(先生プロファイル)にあるとき、私はそれをしたいと思いますページ)をタブとして表示して、それらのページにルーティングできます。私はこれを達成する最良の方法が何であるか分かりません。それはルートを見ることによってURLを通っているのでしょうか、または私のヘッダコンポーネントにコンポーネント情報をバインドするか放出するべきですか?私は、URLを使って経路が良くなっているとは確信していません。

+0

はい、ルートを使用する方がよいです。子ルートとして親ルート(コースと生徒)とその他のリンクをそれぞれ作成できます。 –

答えて

0

通常はレイアウトコンポーネントを作成します。このコンポーネントは、私のアプリ(ヘッダー、フッターなど)の一般的なレイアウトを担当しており、router-outletはメインコンテンツを配置する場所に配置されています。

ビルドしようとしている「ブレッドクラム」は、レイアウトコンポーネントのヘッダーの下に(私の意見では)行きます。

私がこれを構築する方法は、コンポーネントを作成することです。それは@Input()のようにURLを受け取るか、それを単独で解析し、あなたが望む任意の方法でそれを表示する必要があります。

あなたが考えている構造については、これは間違いなく機能するはずです。より複雑な構造の場合は、少し洗練されたものを構築する必要があります。

幸運を祈る!

関連する問題