agregamosy modificamos modulos

Author: pacoyx

src/app/pages/pages.module.ts

@@ -0,0 +1,26 @@
+import { NgModule } from "@angular/core";
+import { SharedModule } from "../shared/shared.module";
+import { PAGES_ROUTES } from "./pages.routes";
+
+import { DashboardComponent } from "./dashboard/dashboard.component";
+import { ProgressComponent } from "./progress/progress.component";
+import { Graficas1Component } from "./graficas1/graficas1.component";
+import { PagesComponent } from "./pages.component";
+
+@NgModule({
+    declarations: [
+        PagesComponent,
+        DashboardComponent,
+        ProgressComponent,
+        Graficas1Component,
+    ],
+    exports: [
+        DashboardComponent,
+        ProgressComponent,
+        Graficas1Component
+    ],
+    imports: [
+        SharedModule, PAGES_ROUTES
+    ]
+})
+export class PagesModule { }

src/app/pages/pages.routes.ts

@@ -0,0 +1,19 @@
+import { RouterModule, Routes } from '@angular/router';
+import { PagesComponent } from './pages.component';
+import { DashboardComponent } from './dashboard/dashboard.component';
+import { ProgressComponent } from './progress/progress.component';
+import { Graficas1Component } from './graficas1/graficas1.component';
+
+const pagesRoutes: Routes = [
+    {
+        path: '', component: PagesComponent,
+        children: [
+            { path: 'dashboard', component: DashboardComponent },
+            { path: 'progress', component: ProgressComponent },
+            { path: 'graficas1', component: Graficas1Component },
+            { path: '', redirectTo: '/dashboard', pathMatch: 'full' }
+        ]
+    },
+]
+
+export const PAGES_ROUTES = RouterModule.forChild(pagesRoutes);

src/app/shared/shared.module.ts

@@ -0,0 +1,22 @@
+import { NgModule } from "@angular/core";
+
+import { BreadcrumbsComponent } from "./breadcrumbs/breadcrumbs.component";
+import { HeaderComponent } from "./header/header.component";
+import { SiderbarComponent } from "./siderbar/siderbar.component";
+import { NopagefoundComponent } from "./nopagefound/nopagefound.component";
+
+@NgModule({
+    declarations:[
+        BreadcrumbsComponent,
+        HeaderComponent,
+        SiderbarComponent,
+        NopagefoundComponent
+    ],
+    exports:[
+        BreadcrumbsComponent,
+        HeaderComponent,
+        SiderbarComponent,
+        NopagefoundComponent
+    ]
+})
+export class SharedModule { }