Edit in JSFiddle

@Component({ ... })
export class AppComponent { }
// file: app.component.ts

@Component({ ... })
export class ProductComponent { }
// file: product.component.ts

@Component({ ... })
export class ProductListComponent { }
// file: product-list.component.ts

@Directive({ ... })
export class ProductValidationDirective { }
// file: product-validation.directive.ts

@NgModule({ ... })
export class AppModule
// file: app.module.ts

@Pipe({ name: 'capitalCaps' })
export class CapitalCapsPipe implements PipeTransform { }
// file: capital-caps.pipe.ts

@Injectable()
export class ProductManagementService { }
//file: product-management.service.ts