angular - 创建组件时，我们可以在 app.routing.ts 中自动添加路由吗？

Question

每当创建新组件时，我想在 app.routing.ts 文件中自动添加一条路由。

Answer 1

使用 Angular CLI 8.1 版，您可以:

ng g module home --route home --module app.module

引用: generating a module with angular cli

上面的命令将:

生成名为 HomeModule

的延迟加载模块

在 app.module.ts

中插入惰性路由

在 HomeModule 中生成一个急切的默认路由

生成一个组件来处理急切的默认路由

在大多数情况下，您需要手动编辑文件，但这并不困难，只需复制粘贴应用程序路由并根据您的情况进行调整即可。这是 Angular web 中的示例:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HeroesComponent } from './heroes/heroes.component';

const routes: Routes = [
  { path: 'heroes', component: HeroesComponent }
];

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

在哪里 'heroes'将是到 HeroesComponent 的路由，所以当你在浏览器中写 http://your-app-url/heroes它应该显示该组件。

干杯!