2016-03-23 12 views
0

<navigation title="dashboard" has-header="true" > <auth-router-outlet></auth-router-outlet> </navigation> angle2 app with authentication login page

私は、認証でangular2アプリを開発中です。ログインページ以外のすべてのページ間でナビゲーションツールバーを共有しています。しかし、上記の設定では、ログインページにはナビゲーションツールバーがあります。これを実装するための良い方法は何か分かりませんが、これはほとんどのアプリでよく見られます。 ありがとう!

ナビゲーションは、上にナビバーを使用して作成したコンポーネントです。 auth-router-outletは、認証でangleのデフォルトルータアウトレットを拡張し、認証されていない場合はログインページにリダイレクトします。

+0

CSSでそれを隠すことができますか? – dandavis

+0

ええ。ログインしていないときに非表示にするためにng-ifを使用することはできますが、これはハックのようなものです。よりよいアプローチが何であるか分かりません。 – kdu

+0

ログインを使用して、ログインした状態に応じて異なるコンポーネントを表示することもできます。グローバルサービスが必要な場合は、現在のところ少しハッキーですhttps://github.com/angular/angular/issues/4112しかし、私はそれが修正されることを期待しています。 –

答えて

1

ngIfを使用すると、ログインページがレンダリングされ、隠されただけでなく、ツールバーがDOMから削除されるため、ハックはありません。