Вот пример создания компонента с модулем и маршрутизацией в Angular 8:

1. Откройте терминал и перейдите в каталог проекта Angular.

2. Для создания нового компонента выполните следующую команду:

   ng generate component component-name

   Замените comment-nameна желаемое имя вашего компонента.

3. Angular CLI сгенерирует файлы компонентов в указанном каталоге, включая класс компонента, шаблон HTML, стили CSS и тестовый файл.

4. Далее сгенерируйте модуль для вашего компонента, используя следующую команду:

   ng generate module module-name

   Замените module-nameжелаемым именем вашего модуля.

5. Откройте файл модуля (имя-модуля.module.ts) и импортируйте компонент в модуль:

   import { NgModule } from '@angular/core';
   import { CommonModule } from '@angular/common';
   import { ComponentNameComponent } from './component-name.component';
   @NgModule({
    declarations: [ComponentNameComponent],
    imports: [CommonModule],
   })
   export class ModuleNameModule {}

6. Теперь вам нужно настроить маршрутизацию для вашего компонента. Откройте файл app-routing.module.tsи определите маршрут для вашего компонента:

   import { NgModule } from '@angular/core';
   import { RouterModule, Routes } from '@angular/router';
   import { ComponentNameComponent } from './path-to-component/component-name.component';
   const routes: Routes = [
    { path: 'component-path', component: ComponentNameComponent },
   ];
   @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule],
   })
   export class AppRoutingModule {}

   Замените Component-pathна желаемый URL-путь вашего компонента.

7. Наконец, обязательно импортируйте и включите свой модуль в файл app.module.ts:

   import { NgModule } from '@angular/core';
   import { BrowserModule } from '@angular/platform-browser';
   import { AppRoutingModule } from './app-routing.module';
   import { AppComponent } from './app.component';
   @NgModule({
    declarations: [AppComponent],
    imports: [BrowserModule, AppRoutingModule],
    providers: [],
    bootstrap: [AppComponent],
   })
   export class AppModule {}

Вот и все! Вы успешно создали компонент с модулем и маршрутизацией в Angular 8.