import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { ListProductsComponent } from './components/list-products/list-products.component';
  import { ListProductsService } from './services/list-products.service';

  @NgModule({
    declarations: [
      ListProductsComponent
    ],
    imports: [
      CommonModule
    ],
    providers: [
      ListProductsService
    ],
    exports: [
      CommonModule,
      ListProductsComponent
    ]
  })
  export class ProductsModule { }

import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { ListProductsComponent } from './components/list-products/list-products.component';
  import { ListProductsService } from './services/list-products.service';

  @NgModule({
    declarations: [
      ListProductsComponent
    ],
    imports: [
      CommonModule
    ],
    providers: [
      ListProductsService
    ],
    exports: [
      CommonModule,
      ListProductsComponent
    ]
  })
  export class ProductsModule { }

import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { ProductsModule } from './modules/products/products.module';
  import { AppComponent } from './app.component';

  @NgModule({
    declarations: [
      AppComponent,
    ],
    imports: [
      BrowserModule,
      ProductsModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }

import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { ProductsModule } from './modules/products/products.module';
  import { AppComponent } from './app.component';

  @NgModule({
    declarations: [
      AppComponent,
    ],
    imports: [
      BrowserModule,
      ProductsModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }