Skip to content

Commit 83b02e9

Browse files
committed
Upgraded to Angular 16
1 parent 215b55e commit 83b02e9

File tree

4 files changed

+9
-17
lines changed

4 files changed

+9
-17
lines changed

README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
This repository contains the code of the [Angular Forms In Depth](https://angular-university.io/course/angular-forms-course) video course.
55

6-
This course repository is updated to Angular v15:
6+
This course repository is updated to Angular v16:
77

88
![Angular Forms In Depth](https://angular-university.s3-us-west-1.amazonaws.com/course-images/angular-forms-course-small.jpg)
99

src/app/app-routing.module.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import {Routes, RouterModule} from '@angular/router';
33
import {HomeComponent} from './home/home.component';
44
import {AboutComponent} from './about/about.component';
55
import {CourseComponent} from './course/course.component';
6-
import {CourseResolver} from './services/course.resolver';
6+
import {courseResolver} from './services/course.resolver';
77
import {LoginComponent} from './login/login.component';
88
import {CreateCourseComponent} from './create-course/create-course.component';
99
import {LoginReactiveComponent} from './login-reactive/login-reactive.component';
@@ -22,7 +22,7 @@ const routes: Routes = [
2222
path: 'courses/:id',
2323
component: CourseComponent,
2424
resolve: {
25-
course: CourseResolver
25+
course: courseResolver
2626
}
2727
},
2828
{

src/app/app.module.ts

+1-3
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,6 @@ import { MatTableModule } from "@angular/material/table";
2626
import { MatToolbarModule } from "@angular/material/toolbar";
2727
import {CoursesService} from "./services/courses.service";
2828
import {HttpClientModule} from "@angular/common/http";
29-
import {CourseResolver} from "./services/course.resolver";
3029
import { CourseDialogComponent } from './course-dialog/course-dialog.component';
3130
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
3231
import {LoginComponent} from './login/login.component';
@@ -94,8 +93,7 @@ import {LoginReactiveComponent} from './login-reactive/login-reactive.component'
9493
ReactiveFormsModule
9594
],
9695
providers: [
97-
CoursesService,
98-
CourseResolver
96+
CoursesService
9997
],
10098
bootstrap: [AppComponent]
10199
})

src/app/services/course.resolver.ts

+5-11
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,18 @@
11

22

33

4-
import {Injectable} from "@angular/core";
5-
import {ActivatedRouteSnapshot, Resolve, RouterStateSnapshot} from "@angular/router";
4+
import {inject} from '@angular/core';
5+
import { ActivatedRouteSnapshot, RouterStateSnapshot } from "@angular/router";
66
import {Course} from "../model/course";
77
import {Observable} from "rxjs";
88
import {CoursesService} from "./courses.service";
99

1010

11+
export function courseResolver(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Course> {
1112

12-
@Injectable()
13-
export class CourseResolver implements Resolve<Course> {
13+
const coursesService = inject(CoursesService);
1414

15-
constructor(private coursesService:CoursesService) {
16-
17-
}
18-
19-
resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Course> {
20-
return this.coursesService.findCourseById(route.params['id']);
21-
}
15+
return coursesService.findCourseById(route.params['id']);
2216

2317
}
2418

0 commit comments

Comments
 (0)