移動外のルータ・アウトレット

Question

私は公式ドキュメント続いている： https://angular.io/docs/ts/latest/guide/router.html

をしかし、私はAuthGuard内LoginComponentに移動したいとき、私はrouter-を保持している親コンポーネント（AppComponent）の内側に移動する必要はありませんコンセントタグ。私はLoginComponentをrouter-outletタグを持つ親コンポーネント（AppComponent）の外にリダイレクトしたい。単一のスタンドアロンコンポーネントLoginComponentとして、私はLoginComponentがAppComponentのマスターhtmlを持つことを望んでいません。

これは可能ですか？どうやって？ 全例：http://plnkr.co/edit/34ajPEi1OucEXNw4L2Do?p=preview

アップデート：私は次のエラーを取得するコンソール上

<div *ngIf="isAuth()"> 
<h1 class="title">Head Router</h1> 
<router-outlet></router-outlet> 
</div> 
<div *ngIf="!isAuth()"><app-login></app-login></div> 

：また 私は、次のようにルータ・コンセントを調整するようにAppComponent.htmlにしようとしたとき：

browser_adapter.ts:82EXCEPTION: Error: Uncaught (in promise): Error: Cannot find primary outlet to load 'LoginComponent' 

完全なエラーの例：http://plnkr.co/edit/rEEZrB?p=preview

Answer 1

あなたが望むものはできないと思います。私は別のマスターhtmlファイルを作成し、スタンドアロンコンポーネントをそこにブートストラップする必要があると思います。次に、この新しいファイルのURLに移動します。 別のオプションは、不要なノードを（*ngClass='{"hidden":is_login}'を使用して）またはあなたのメインコンポーネントに類似したものを隠すことです。