Angular 2 Cli 向现有项目添加路由

Question

我有一个现有的 Angular 2 应用程序。现在我想使用路由进行导航。有没有办法使用 Angular 2 Cli 将路由添加到现有的 Angular 2 项目？

假设我有一个组件“测试”，并希望在全局范围内找到一个路由。

Answer 1

到目前为止，我找到了最简单的方法。我知道这已经得到回答和接受，但它在当前情况下不起作用，因为 ng init 是 removed因此，如果您在创建新项目时忘记添加路由，则可以按照以下步骤将路由添加到现有项目。希望对您有所帮助。

首先在你的 src --> 应用文件夹中添加 app-routing.module.ts 文件

app-routing.module.ts 文件应该是这样的

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';     // Add your component here
import { AboutComponent } from './about/about.component';  // Add your component here

//This is my case 
const routes: Routes = [
    {
        path: '',
        component: HomeComponent
    },
    {
        path: 'about',
        component: AboutComponent
    }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

然后在app.module.ts文件中导入app-routing.module.ts文件如下。

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module'; // Added here

现在您将能够执行路由任务。