<file_sep>// Angular
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { InicioComponent } from './public/independent/inicio/inicio.component';

// Propios



const routes: Routes = 
[
  {
    path: '',
    component: InicioComponent
  },
  {
    path: 'hombres',
    loadChildren: () => import('./public/hombres/hombres.module').then( m => m.HombresModule)
  },
  {
    path: 'admin',
    loadChildren: () => import('./admin/admin.module').then ( m => m.AdminModule)
  },
  {
    path:'**',
    redirectTo: '/'
  }
];

@NgModule({
  imports: 
  [
    RouterModule.forRoot(routes)
  ],
  exports: 
  [
    RouterModule
  ]
})
export class AppRoutingModule { }
<file_sep>import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-pantalones',
  templateUrl: './pantalones.component.html',
  styleUrls: ['./pantalones.component.css']
})
export class PantalonesComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}
<file_sep>import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { HombresRoutingModule } from './hombres-routing.module';
import { MainComponent } from './main/main.component';
import { AccesoriosComponent } from './accesorios/accesorios.component';
import { PantalonesComponent } from './pantalones/pantalones.component';
import { ZapatosComponent } from './zapatos/zapatos.component';
import { CamisasComponent } from './camisas/camisas.component';


@NgModule({
  declarations: 
  [
    AccesoriosComponent, 
    CamisasComponent,
    MainComponent, 
    PantalonesComponent, 
    ZapatosComponent 
  ],
  imports: 
  [
    CommonModule,
    HombresRoutingModule
  ],
  exports:
  [
    HombresRoutingModule
  ]
})
export class HombresModule { }
<file_sep>// Angular

import { NgModule } from '@angular/core';

// Terceros

import { AccordionModule } from 'primeng/accordion';
import { ButtonModule } from 'primeng/button';
import { MenubarModule } from 'primeng/menubar';
import { OverlayPanelModule } from 'primeng/overlaypanel';
import { TableModule } from 'primeng/table';

@NgModule({
  exports:
  [
    AccordionModule,
    ButtonModule,
    MenubarModule,
    OverlayPanelModule,
    TableModule
  ]
})
export class PrimeNGModule { }
<file_sep>// Angular
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

// Propios

import { AccesoriosComponent } from './accesorios/accesorios.component';
import { CamisasComponent } from './camisas/camisas.component';
import { MainComponent } from '../mujeres/main/main.component';
import { PantalonesComponent } from './pantalones/pantalones.component';
import { ZapatosComponent } from './zapatos/zapatos.component';

const routes: Routes = 
[
  {
    path: '',
    children:
    [
      { path: 'todos', component: MainComponent },
      { path: 'accesorios', component: AccesoriosComponent },
      { path: 'camisas', component: CamisasComponent },
      { path: 'pantalones', component: PantalonesComponent },
      { path: 'zapatos', component: ZapatosComponent },
      { path: '**', redirectTo: 'todos' },
    ]
  }
];

@NgModule({
  imports: 
  [
    RouterModule.forChild(routes)
  ],
  exports: 
  [
    RouterModule
  ]
})
export class HombresRoutingModule { }
<file_sep>import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { IndependentRoutingModule } from './independent-routing.module';
import { InicioComponent } from './inicio/inicio.component';


@NgModule({
  declarations: [InicioComponent],
  imports: 
  [
    CommonModule,
    IndependentRoutingModule
  ],
  exports:
  [
    IndependentRoutingModule
  ]
})
export class IndependentModule { }
<file_sep>// Angular
import { Component, OnInit } from '@angular/core';

// Terceros

import { MenuItem } from 'primeng/api';

// Propios

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit 
{

    //Arreglo de MenuItems. Nos servirá para definir los items del header
    items: MenuItem[] = [];
    termino: string = '';

    constructor() { }

    ngOnInit(): void 
    {
        // Definición de items del header
        this.items = 
        [
            {   // Sección inicio
                label:'Inicio',
                routerLink:'/'
            },
            {   // Sección Hombres
                label:'Hombres',
                items:
                [   // Sub-secciones
                    {
                        label:'Todos',
                        routerLink:'hombres/todos'
                    },
                    {
                        label:'Accesorios',
                        routerLink:'hombres/accesorios'
                    },
                    {
                        label:'Camisas',
                        routerLink:'hombres/camisas'
                    },
                    {
                        label:'Pantalones',
                        routerLink:'hombres/pantalones'
                    },
                    {
                        label:'Zapatos',
                        routerLink:'hombres/zapatos'
                    }
                ]
            },
            {   // Sección Mujeres
                label:'Mujeres',
                items:
                [   //Sub-secciones
                    {
                        label:'Todos',
                        routerLink: 'mujeres/todos'
                    },
                    {
                        label:'Accesorios',
                        routerLink: 'mujeres/accesorios'
                    },
                    {
                        label:'Camisas',
                        routerLink: 'mujeres/camisas'
                    },
                    {
                        label:'Pantalones',
                        routerLink: 'mujeres/pantalones'
                    },
                    {
                        label:'Zapatos',
                        routerLink: 'mujeres/zapatos'
                    }
                ]
            },
            {   // Sección ofertas
                label:'Ofertas',
                items:
                [   // Sub-secciones ofertas
                    {
                        label:'Todos',
                        routerLink: 'ofertas/todos'
                    },
                    {
                        label:'Accesorios',
                        routerLink: 'ofertas/accesorios'
                    },
                    {
                        label:'Camisas',
                        routerLink: 'ofertas/camisas'
                    },
                    {
                        label:'Pantalones',
                        routerLink: 'ofertas/pantalones'
                    },
                    {
                        label:'Zapatos',
                        routerLink: 'ofertas/zapatos'
                    }
                ]
            }
        ];
    }
}
