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 },
])
着陸コンポーネントのパスを行いますが異なっていることが必要ですか?
これは質問に答えません。 –
質問には答えません – Scipion