5

ユーザー (デフォルト) を表示するランディング ページと、ユーザーが登録できるようにする入力フィールドのセットである「サインアップ」コンポーネントがあります。

リピーターの場合は、ランディング ページをそのまま表示し、[ログイン] をクリックして、登録コンポーネントをログイン コンポーネントに置き換えるだけです。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 }
]);

着陸.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 },
])

ランディング コンポーネントのパスは異なる必要がありますか?

4

1 に答える 1

-2

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

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

<div *ngIf="!showReg">Login</div>
于 2016-01-02T21:07:00.123 に答える