Angular2 typescript map response to new type

Question

having

userGroups: IUserGroup[];
this.service.getUserGroups().subscribe(g => this.userGroups = g);

getUserGroups returns IUserDifferentGroup[] but both IUserGroup and IUserDifferentGroup have the same fields additionally IUserGroup have some more, how to map response to new type ?

interface IUserDifferentGroup{
    Name: string;
    Code: string;
    Id: number;
}

interface IUserGroup {
    Id: number;
    GroupName: string;
    Visible: boolean;
    IsDefault: boolean;
    CanAssociated: boolean;
}

amal · Accepted Answer · 2017-09-27 19:38:53Z

3

Use this inside subscribe,

this.service.getUserGroups().subscribe(g => this.userGroups = g as IUserGroup[]);

EDIT

As per the comments, modifying,

interface IUserDifferentGroup {
    Name: string;
    Code?: string; // <-- made this optional
    Id: number;
}

interface IUserGroup {
    Id: number;
    GroupName: string;
    Visible: boolean;
    IsDefault: boolean;
    CanAssociated: boolean;
}

then change subscribe to,

this.service.getUserGroups().map((g) => return {Name: g.GroupName, Id: g.Id})
 .subscribe(g => {
  this.userGroups = g as IUserGroup[];
});

See if it fixes it.

edited Sep 27, 2017 at 19:38

answered Sep 27, 2017 at 19:16

amal

3,1801 gold badge15 silver badges21 bronze badges

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

5 Comments

kosnkov Over a year ago

I got that one type is not compatible with other, to be honest the IUserGroup has the same what IUserDifferentGroup but also 2 more fields

amal Over a year ago

I see. Please show both types, in order to see the difference

amal Over a year ago

If you can make the 2 more fields present in IUserGroup optional by using the elvis-operator ? to those properties in its interface definition.

amal Over a year ago

First of all, they are not same. In interfaces, the property names do matter as well as its types. I can see Id and Name maps to Id and GroupName. What does Code which is of type string map to in the other interface? (the rest of the properties there are booleans)

kosnkov Over a year ago

I would like to just map Id and name to GroupName

Collectives™ on Stack Overflow

Angular2 typescript map response to new type

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related