Update to guard to match course

Author: DeborahK

APM-Final/src/app/products/product-detail.guard.ts

@@ -10,11 +10,9 @@ export class ProductDetailGuard implements CanActivate {
   constructor(private router: Router) { }
 
   canActivate(
-    next: ActivatedRouteSnapshot,
+    route: ActivatedRouteSnapshot,
     state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
-    const id = +next.url[1].path;
-    // const id2 = next.paramMap.get('id');
-    // console.log(id2);
+    const id = Number(route.paramMap.get('id'));
     if (isNaN(id) || id < 1) {
       alert('Invalid product Id');
       this.router.navigate(['/products']);

APM-Final/src/app/products/product.service.ts

@@ -18,7 +18,7 @@ export class ProductService {
   getProducts(): Observable<IProduct[]> {
     return this.http.get<IProduct[]>(this.productUrl)
       .pipe(
-        tap(data => console.log('All: ' + JSON.stringify(data))),
+        tap(data => console.log('All: ', JSON.stringify(data))),
         catchError(this.handleError)
       );
   }