Product Wish List
@@ -22,5 +22,6 @@ import { Component } from '@angular/core';
`,
+ standalone: false
})
export class AboutComponent {}
diff --git a/angular-app/src/app/app.component.ts b/angular-app/src/app/app.component.ts
index 72f215a..36eb129 100644
--- a/angular-app/src/app/app.component.ts
+++ b/angular-app/src/app/app.component.ts
@@ -4,9 +4,9 @@ export class Customer {
public name: string;
}
@Component({
- selector: 'app-root',
- styleUrls: ['./app.component.scss'],
- template: `
+ selector: 'app-root',
+ styleUrls: ['./app.component.scss'],
+ template: `
@@ -10,5 +10,6 @@ import { Component } from '@angular/core';
`,
+ standalone: false
})
export class NotFoundComponent {}
diff --git a/angular-app/src/app/in-memory-data.service.ts b/angular-app/src/app/in-memory-data.service.ts
index cfe9a09..a35cb68 100644
--- a/angular-app/src/app/in-memory-data.service.ts
+++ b/angular-app/src/app/in-memory-data.service.ts
@@ -3,6 +3,7 @@
*/
import { Injectable } from '@angular/core';
import {
+ InMemoryDbService,
ParsedRequestUrl,
RequestInfo,
RequestInfoUtilities,
@@ -14,7 +15,7 @@ interface Db {
}
@Injectable()
-export class InMemoryDataService {
+export class InMemoryDataService implements InMemoryDbService {
/** True if in-mem service is intercepting; all requests pass thru when false. */
active = true;
@@ -23,6 +24,7 @@ export class InMemoryDataService {
/** Create the in-memory database on start or by command */
createDb(reqInfo?: RequestInfo) {
+ console.log('In-memory API: createDb called');
this.db = getDbData();
if (reqInfo) {
@@ -36,6 +38,7 @@ export class InMemoryDataService {
this.active = !!body.active;
}
+ console.log('In-memory API: Database created with collections:', Object.keys(this.db));
return this.db;
}
@@ -49,9 +52,12 @@ export class InMemoryDataService {
*/
parseRequestUrl(url: string, utils: RequestInfoUtilities): ParsedRequestUrl {
const parsed = utils.parseRequestUrl(url);
- parsed.collectionName = this.active
+ console.log('In-memory API intercepting URL:', url, 'Collection:', parsed.collectionName);
+ const mapped = this.active
? mapCollectionName(parsed.collectionName)
: undefined;
+ (parsed as any).collectionName = mapped;
+ console.log('Mapped collection name:', (parsed as any).collectionName);
return parsed;
}
}
@@ -66,6 +72,7 @@ function mapCollectionName(name: string): string {
({
hero: 'heroes',
villain: 'villains',
+ Product: 'products',
} as any)[name] || name
);
}
diff --git a/angular-app/src/app/products/product-list.component.ts b/angular-app/src/app/products/product-list.component.ts
index 8b741d6..b0fd785 100644
--- a/angular-app/src/app/products/product-list.component.ts
+++ b/angular-app/src/app/products/product-list.component.ts
@@ -2,8 +2,8 @@ import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import { Product } from '../core';
@Component({
- selector: 'app-product-list',
- template: `
+ selector: 'app-product-list',
+ template: `