Angular Router In Depth

Author: jhades

src/app/app-routing.module.ts

@@ -1,5 +1,5 @@
 import {NgModule} from '@angular/core';
-import {Routes, RouterModule, PreloadAllModules} from '@angular/router';
+import {Routes, RouterModule, PreloadAllModules, UrlSerializer} from '@angular/router';
 
 import {LoginComponent} from './login/login.component';
 import {PageNotFoundComponent} from "./page-not-found/page-not-found.component";
@@ -38,7 +38,11 @@ const routes: Routes = [
   imports: [RouterModule.forRoot(routes,
     {
       scrollPositionRestoration:"top",
-      preloadingStrategy: CustomPreLoadingStrategy
+      preloadingStrategy: CustomPreLoadingStrategy,
+      paramsInheritanceStrategy: "always",
+      relativeLinkResolution: "corrected",
+      // try adding %E0%A4%A to the end of an url with hash true
+      malformedUriErrorHandler: (error: URIError, urlSerializer: UrlSerializer, url: string) => urlSerializer.parse('/page-not-found')
 
     })],
   exports: [RouterModule],

src/app/app.module.ts

@@ -54,8 +54,7 @@ import {HashLocationStrategy, LocationStrategy} from "@angular/common";
     SharedModule
   ],
   providers: [
-    CanLoadCoursesModuleGuard,
-    //{provide: LocationStrategy, useClass: HashLocationStrategy},
+    CanLoadCoursesModuleGuard
   ],
   bootstrap: [AppComponent]
 })

src/app/courses/services/router/lesson-detail.resolver.ts

@@ -14,7 +14,9 @@ export class LessonDetailResolver implements Resolve<LessonDetail>{
 
   resolve(snapshot: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<LessonDetail> {
 
-    const courseUrl = snapshot.parent.paramMap.get("courseUrl"),
+  //  const courseUrl = snapshot.parent.paramMap.get("courseUrl"), without paramsInheritanceStrategy
+
+      const courseUrl = snapshot.paramMap.get("courseUrl"),
     lessonSeqNo = snapshot.paramMap.get("lessonSeqNo");
 
     return this.courses.loadLessonDetail(courseUrl, lessonSeqNo);