Undefined while cast api response in any type in angular 2

Question

I want to store data like thispublic initData: any = ['Group 1', 'Group 2', 'Group 3'];. I am calling an API and It gives this response

I declare private initData: any; and after getting the response I try to store in that like this

this.userService.getUserRolesById(this.id)
    .subscribe(data => {
        this.initData = data.Name;
        console.log(this.initData);
})

userservice

public getUserRolesById(id: number) {
    return this.httpHelper.get(this._getUserRolesByIdUrl+'?userId='+id)
        .map(res => res.json());
}

Can you please add userService.getUserRolesById implementation? — Supamiu
– Supamiu, Commented Sep 15, 2016 at 12:31

Supamiu · Accepted Answer · 2016-09-15 12:51:17Z

3

The problem here is that you get an array and you want a property in this array.

public initData:string[] = [];//Typing your arrays is important ;).
...
...
...
this.userService.getUserRolesById(this.id)
    .subscribe(roles => {
        roles.forEach(role => {
            console.log(role.Name);
            this.initData.push(role.Name);
        }
});

edited Sep 15, 2016 at 12:51

answered Sep 15, 2016 at 12:34

Supamiu

8,7417 gold badges47 silver badges79 bronze badges

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

2 Comments

Malik Kashmiri Over a year ago

It works but one thing more I want to store it like this public initData: any = ['Admin', 'Guest', 'Super Admin'];

Supamiu Over a year ago

I added a push to the initData field.

Collectives™ on Stack Overflow

Undefined while cast api response in any type in angular 2

userservice

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

userservice

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related