No methods in http response object
In your get call service you can do as @Deborahk mentioned
getLab(labId: number) {
return this.http.get<Lab>(DidacticsServiceUrls.apiRoot + labId)
.map(res => Object.assign(new Lab(), res))
.toPromise();
}
You can also have a class and extend it like this:
getLab(labId: number) {
return this.http.get<Lab>(DidacticsServiceUrls.apiRoot + labId)
.pipe(Lab.serializeResponseMap())
.toPromise();
}
class definition:
export class Lab extends SerializableMap {
static instanceType = Lab;
constructor(
public id: number,
public name: string,
public description: string,
public isActive: boolean,
public classes: Classes[]
) { super(); }
isActive(lab: Lab) {
return this.isActive;
}
}
class SerializableMap {
static instanceType: any;
static serializeResponseMap(): any {
const createInstance = (r) => {
return Object.assign(new this.instanceType(), r);
};
return map((respValue: any) => {
if (Array.isArray(respValue)) {
return respValue.map(r => createInstance(r));
}
return createInstance(respValue);
});
}
}
The server just returns data formed with properties from the defined object. It doesn't actually create an instance of the object.
Try something like this:
this.lab = Object.assign(new Lab(), this.retrievedLab)
Where this.retrievedLab
is the data returned from the server.
This should create the object and then copy any of the retrieved properties into it.