Question

我无法发布图片，因为我需要至少10个声望：请参阅此图片：https://i.stack.imgur.com/uCwAP.jpg

我是Angular 2的新手。我有工作路由系统，可以将用户引导到不同的组件。我想出的是代表＆＃39; Page 2＆＃39;提供的图像。我想实施＆＃39; Page 1＆＃39;提供的图像将我引导到＆＃39;功能我已经有了。代码如下：

这是我的app.routing.ts代码：

import {ModuleWithProviders} from '@angular/core';
import {Routes, RouterModule} from '@angular/router';
import {ClientsComponent} from "./clients.component";
import {EClientsComponent} from "./eclients.component";
import {RClientsComponent} from "./rclients.component";
import {KnockoutsComponent} from "./knockouts.component";
import {AppComponent} from "./app.component";

const appRoutes: Routes = [
{
path: '',
component: ClientsComponent
},
{
path:'migrated',
component: ClientsComponent
},
{
path: 'eligible',
component: EClientsComponent
},
{
path: 'review',
component: RClientsComponent
},
{
path: 'knockouts',
component: KnockoutsComponent
},
{
path: '**',
component: ClientsComponent
}

];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

我的app.component.hmtl如下：

<div>
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <form class="navbar-form navbar-left" id="nav">
          <adp-button iconType="home" buttonStyle="primary"     routerLink="/migrated">Migrated Clients</adp-button>
          <adp-button buttonStyle="primary" routerLink="/knockouts">Client   Migration</adp-button>
        </form>
      </div>
    </div>
  </nav>
</div>

<router-outlet></router-outlet>

这实质上就是＆＃39;提供的图像。
此代码工作正常，可以到达所有路径我接下来想要实现的是＆＃39; Page 1＆＃39;显示的图像。我希望用户能够先登录，然后路由到＆＃39; Page 2＆＃39;我已经实施了。我想创建一个＆＃39; HomeComponent＆＃39;对于这个应用程序然后我想路由到客户端组件＆＃39;这是目前的主页，并确保一切正常。请帮忙，我会很感激。

如果您有任何其他问题，请告诉我

创建路由到单独路由器组件的主页（Angular 2）

0 个答案: