Rutas en angular

TheJonaCode · Sep 24, 2020 · a89f7be · a89f7be
1 parent b6113ab
commit a89f7be
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1 +1,7 @@
-<app-navbar></app-navbar>
+<app-navbar></app-navbar>
+
+<div class="container">
+
+    <router-outlet></router-outlet>
+
+</div>
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -1,6 +1,12 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 
+//RUTAS
+import {APP_ROUTING} from './app.routes';
+
+//SERVICIOS
+
+// COMPONENTES
 import { AppComponent } from './app.component';
 import { NavbarComponent } from './components/shared/navbar/navbar.component';
 import { HomeComponent } from './components/home/home.component';
@@ -16,7 +22,8 @@ import { HeroesComponent } from './components/heroes/heroes.component';
     HeroesComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    APP_ROUTING
   ],
   providers: [],
   bootstrap: [AppComponent]

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
@@ -0,0 +1,11 @@
+
+import { RouterModule, Routes } from '@angular/router';
+import { HomeComponent } from './components/home/home.component';
+
+
+const APP_ROUTES: Routes = [
+    { path: 'home', component: HomeComponent },
+    { path: '**', pathMatch: 'full', redirectTo: 'home' }
+];
+
+export const APP_ROUTING = RouterModule.forRoot(APP_ROUTES);