Можем ли мы добавить маршрут автоматически в app.routing.ts при создании компонента?

Question

Я хочу автоматически добавлять маршрут в файл app.routing.ts при создании нового компонента.

Answer 1

С Angular CLI версии 8.1 вы можете сделать:

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

ref: создание модуля с angular cli

Приведенная выше команда будет:

1. Создание модуля с отложенной загрузкой с именем HomeModule

2. Вставка отложенного маршрута в app.module.ts

3. Создание активного маршрута по умолчанию в HomeModule

4. Создание компонента, который будет обрабатывать активный маршрут по умолчанию

В большинстве случаев вы Вам нужно будет отредактировать файл вручную, но это не сложно, просто скопируйте-вставьте app-routing и приспособьте его к вашему случаю. Это пример в 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 он должен отображаться этот компонент.

Ура!