{{course.longDescription}}
-{{course.longDescription}}
+
+
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index fa0b89b..3fcbf28 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -3,6 +3,7 @@ import {Course} from "../model/course";
import {Observable} from "rxjs";
import {CoursesService} from "../services/courses.service";
import {map, tap} from 'rxjs/operators';
+import {Title} from "@angular/platform-browser";
@Component({
selector: 'home',
@@ -13,11 +14,15 @@ export class HomeComponent implements OnInit {
courses$: Observable;
- constructor(private coursesService: CoursesService) {
+ constructor(private coursesService: CoursesService,
+ private title: Title) {
}
ngOnInit() {
+
+ this.title.setTitle("Angular University - All Courses");
+
this.courses$ = this.coursesService.findAllCourses()
.pipe(
map(Object.values)
diff --git a/src/app/model/course.ts b/src/app/model/course.ts
index c4976d3..97b0f87 100644
--- a/src/app/model/course.ts
+++ b/src/app/model/course.ts
@@ -1,11 +1,9 @@
-
-
export interface Course {
- id:string;
- description:string;
- iconUrl: string;
- courseListIcon: string;
- longDescription: string;
- category:string;
- lessonsCount:number;
+ id:string;
+ description:string;
+ iconUrl: string;
+ courseListIcon: string;
+ longDescription: string;
+ category:string;
+ lessonsCount:number;
}
diff --git a/src/app/model/lesson.ts b/src/app/model/lesson.ts
index 40a5e6b..22d1f84 100644
--- a/src/app/model/lesson.ts
+++ b/src/app/model/lesson.ts
@@ -1,9 +1,7 @@
-
-
export interface Lesson {
- id: string;
- description: string;
- duration: string;
- seqNo: number;
- courseId: number;
-}
\ No newline at end of file
+ id: string;
+ description: string;
+ duration: string;
+ seqNo: number;
+ courseId: number;
+}
diff --git a/src/app/services/course.resolver.ts b/src/app/services/course.resolver.ts
index 3430e1c..d247188 100644
--- a/src/app/services/course.resolver.ts
+++ b/src/app/services/course.resolver.ts
@@ -5,25 +5,45 @@ import {Observable, of} from 'rxjs';
import {CoursesService} from './courses.service';
import {first, tap} from 'rxjs/operators';
import {isPlatformServer} from '@angular/common';
+import {makeStateKey, TransferState} from "@angular/platform-browser";
@Injectable()
export class CourseResolver implements Resolve {
- constructor(private coursesService: CoursesService) {
+ constructor(
+ private coursesService: CoursesService,
+ private transferState:TransferState,
+ @Inject(PLATFORM_ID) private platformId) {
}
- resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable {
+ resolve(route: ActivatedRouteSnapshot,
+ state: RouterStateSnapshot): Observable {
const courseId = route.params['id'];
- return this.coursesService.findCourseById(courseId)
- .pipe(
- first()
- );
+ const COURSE_KEY = makeStateKey("courseKey-" + courseId);
+ if (this.transferState.hasKey(COURSE_KEY)) {
+ const course = this.transferState.get(COURSE_KEY, null);
+
+ this.transferState.remove(COURSE_KEY);
+
+ return of(course);
+ }
+ else {
+ return this.coursesService.findCourseById(courseId)
+ .pipe(
+ first(),
+ tap(course => {
+ if (isPlatformServer(this.platformId)) {
+ this.transferState.set(COURSE_KEY, course);
+ }
+ })
+ );
+ }
}
-}
\ No newline at end of file
+}
diff --git a/src/assets/.gitkeep b/src/assets/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/index.html b/src/index.html
index 655673e..e0718d1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,7 +2,8 @@
- Angular Universal In Depth
+ Angular Universal App
+