Angular 8 / Typescript set Property of Interface when calling data

Question

So I an calling this in angular

 savePat(obj: PatientData): Observable<IJsonSaveResult> {
    return this.http.post<IJsonSaveResult>(`${environment.serviceUrl}/patients/addpatient`, obj);
  }

my IJsonSaveResult is

export interface IJsonSaveResult {
    success:    boolean;
    errors:     any[];
    resultSet: any;

}

resultSet can be anything but i want to type it similar to .Net Generics

savePat(obj: PatientData): Observable<IJsonSaveResult(PatientData)> {
        return this.http.post<IJsonSaveResult>(`${environment.serviceUrl}/patients/addpatient`, obj);
      }

any ideas?

Kurt Hamilton · Accepted Answer · 2020-03-13 17:03:54Z

1

Typescript generics are remarkably similar to C# generics (no surprise, since Microsoft is behind Typescript).

You would declare the type of the resultSet as a generic parameter on the IJsonSaveResult interface:

export interface IJsonSaveResult<TResultSet> {
  success: boolean;
  errors: any[];
  resultSet: TResultSet;
}

And call it like this:

savePat(obj: PatientData): Observable<IJsonSaveResult<PatientData>> {
  const url = `${environment.serviceUrl}/patients/addpatient`;
  return this.http.post<IJsonSaveResult<PatientData>>(url, obj);
}

answered Mar 13, 2020 at 17:03

Kurt Hamilton

13.7k1 gold badge28 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kurt Hamilton Over a year ago

I avoid Angular Material whenever possible. Good luck!

robbieAreBest · Accepted Answer · 2020-03-13 17:02:52Z

1

If I am understanding correctly, you could do something like:

export interface IJsonSaveResult<T> {
    success:    boolean;
    errors:     any[];
    resultSet: T[];
}

And then:

savePat(obj: PatientData): Observable<IJsonSaveResult<PatientData>> {
    return this.http.post<IJsonSaveResult<PatientData>>(`${environment.serviceUrl}/patients/addpatient`, obj);
}

answered Mar 13, 2020 at 17:02

robbieAreBest

1,78114 silver badges16 bronze badges

Collectives™ on Stack Overflow

Angular 8 / Typescript set Property of Interface when calling data

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related