247 Implementar rutas en la aplicación

TheJonaCode · Oct 19, 2020 · 5721ecf · 5721ecf
1 parent 8d22f2e
commit 5721ecf
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 2 deletions.
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
@@ -0,0 +1,39 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Router, RouterModule, Routes } from '@angular/router';
+import { HomeComponent } from './pages/home/home.component';
+import { BuscarComponent } from './pages/buscar/buscar.component';
+import { PeliculaComponent } from './pages/pelicula/pelicula.component';
+
+const routes: Routes = [
+  {
+    path: 'home',
+    component: HomeComponent
+  },
+  {
+    path: 'pelicula/:id',
+    component: PeliculaComponent
+  },
+  {
+    path: 'buscar/:texto',
+    component: BuscarComponent
+  },
+  {
+    path: '**',
+    redirectTo: '/hpme'
+  }
+
+];
+
+
+
+@NgModule({
+  imports: [
+    CommonModule,
+    RouterModule.forRoot( routes )
+  ],
+  exports:[
+    RouterModule
+  ]
+})
+export class AppRoutingModule { }
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1 +1 @@
-<h1>Hola Mundo</h1>
+<router-outlet></router-outlet>
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -3,14 +3,16 @@ import { NgModule } from '@angular/core';
 import { HttpClientModule } from '@angular/common/http';
 
 import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
 
 @NgModule({
   declarations: [
     AppComponent
   ],
   imports: [
     BrowserModule,
-    HttpClientModule
+    HttpClientModule,
+    AppRoutingModule
   ],
   providers: [],
   bootstrap: [AppComponent]
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<h1>Hola Mundo</h1>
		<router-outlet></router-outlet>