2016-01-02 24 views
5

ユーザー(デフォルト)と登録フィールドのセットである「サインアップ」コンポーネントを表示するランディングページがあります。ネストされた状態のAngular2ルーティング

ユーザーには、リンク先ページをそのまま表示してから[ログイン]をクリックし、登録コンポーネントをログインコンポーネントに置き換えてください。 URLを変更したくない場合は、「/」のままにしてください。

ui-routerの場合、ネストされた状態を実行できますが、Angular2のルータがそれをまだサポートしているかどうかはわかりません。

app.ts

@Component({ 
    selector: 'app', 
    template: ' 
    *snip* 
    <router-outlet></router-outlet> 
    *snip* 
    ', 
    directives: [Footer, ROUTER_DIRECTIVES] 
}) 
@RouteConfig([ 
    { path: '/...', name: 'Landing', component: LandingComponent, useAsDefault: true }, 
    { path: '/about', name 'About', component: AboutComponent } 
]); 

landing.ts

@Component({ 
    selector: 'landing', 
    template: ' 
    <body> 
     <div> 
     <router-outlet></router-outlet> 
     </div> 
    </body>', 
    directives: [ROUTER_DIRECTIVES] 

}) 
@RouteConfig([ 
    { path: '/', name: 'RegisterForm', component: RegisterForm, useAsDefault: true }, 
    { path: '/login', name: 'LoginForm', component: LoginForm }, 
]) 

着陸コンポーネントのパスを行いますが異なっていることが必要ですか?

答えて

-2

なぜルートを使用する必要がありますか?適切なセクションを隠す、または示すブール値にバインドできませんか?

<div *ngIf="showReg">Registration</div> 

<div *ngIf="!showReg">Login</div> 
+0

これは質問に答えません。 –

+0

質問には答えません – Scipion

関連する問題