import { NgModule } from '@angular/core' ; import { CommonModule } from '@angular/common' ; import { FormsModule } from '@angular/forms' ; import { RouterModule , Routes } from '@angular/router' ; import { SharedModule } from '../../shared/shared.module' ; import { CustomersOrdersContainerComponent } from './co-container.component' ; import { CustomerListComponent } from './co-customer-list.component' ; import { CustomerDetailsComponent } from './co-customer-details.component' ; import { OrderDetailsComponent } from './co-order-details.component' ; import { CustomersOrdersShellComponent } from './co-shell.component' ; const routes = [ { path : '' , component : CustomersOrdersShellComponent } ] ; /** ViewModel Class Demo - NgModule */ @ NgModule ( { imports : [ CommonModule , FormsModule , SharedModule , RouterModule . forChild ( routes ) ] , declarations : [ CustomerDetailsComponent , CustomerListComponent , OrderDetailsComponent , CustomersOrdersContainerComponent , CustomersOrdersShellComponent ] } ) export class CustomersOrdersModule { }