Angular2 Routing Design - デフォルトのナビゲーションコンポーネントとログイン

Question

Angular2の意図したデザインは、loggedIn対loggedInビューのためのアドバイスを探しています。

ユーザーがログインしている場合は、ナビゲーションとメニューバーのコンポーネントをデフォルトで表示する必要があります。そのため、現在のルートビューを表示するルーターコンセントの外に配置します。

ルートは、ユーザーがログインしていない場合は、ログインページにリダイレクトルートガードによって保護されています。

ここでは厳しいキャッチだユーザーであれば、私は明らかに、メニューやナビゲーションが表示したくありませんまだログインしていません。

このような状況にはどのような設計がありますか？ 2つのルータアウトレットを使用する必要がありますか？1つはloggedIn対loggedInビュー用で、もう1つは実際のルートコンポーネント用です。

Answer 1

バックエンドへの今後の呼び出しのためのトークンを保存しているので、 *ローカルストレージサービスに* ngIfして質問することができます。つかいます。でも、そこにあることを意図したものを公開しません

<!--template bindings={ 
    "ng-reflect-ng-if": "false" 
}--> 

：結果がfalseの場合は、出力のhtmlでこれを取得します

<header id="mysupersecretheader" *ngIf="loggedIn"></header> 

： ので、このような何かをやって。

すべてが変更されているので、リリースノートとドキュメントを読む必要があります。 Here is the template syntax section

Answer 2

しかし、この方法は、ブラウザの戻るボタンを押すと中断されます。 つまり、有効なログイン情報を持つログインページに移動します。ナビゲーションバーが表示されます。