Question

我正在研究一些基本的“Angular”教程，并且有一个关于设置路径路径的未解决的问题。虽然很清楚如何定义组件的路径并导航到该组件，但我没有看到如何设置到“主页”页面的路由的示例。

我可以看到其他路由是如何工作的，因为它们指向我创建的组件。因此，如果我点击“管理”链接，我会看到正确的网址：“http://localhost:4200/manage”。

我的问题是，我是如何设置路线的，这样当我点击“主页”时，会显示以下网址：“http://localhost:4200/”。

我应该提一下 - 现在 - 这是一个由CLI生成的骨架项目。

ng new my-app --routing
ng generate component tools
ng generate component reports
ng generate component manage

项目生成后，我就添加了这些路线。

const routes: Routes = [
  /*
  * How do I create a path for the "home" page?

  { path: 'home', component: ?? },
  */
  { path: 'reports', component: ReportsComponent },
  { path: 'tools', component: ToolsComponent },
  { path: 'manage', component: ManageComponent }
];

Answer 1

我想我回答了自己的问题。我没有定义＆＃34; home＆＃34;路线或默认路线。

相反，在HTML方面，我手动指向我的＆＃34; Home＆＃34;链接。

<nav>
  <ul>    
    <li><a href="/">Home</a></li>
    <li><a href="" [routerLink]="['/reports']">Reports</a></li>
    <li><a href="" [routerLink]="['/tools']">Tools</a></li>
    <li><a href="" [routerLink]="['/manage']">Manage</a></li>
  </ul>
</nav>

如何在Angular 2 app-routing.module.ts中为“home”设置路由

1 个答案: