get values from array in angular 5

Question

i want to retrieve values from array my code is like

this.RoleServiceService.getRoleById(this.id).subscribe(data => {
  this.roleData.push(data['data']);
  console.log(this.roleData);
})

but i am getting array like this

i have tried like role=roleData[0]; but giving undefined can you please help me with this

    []
0
:
Array(4)
0
:
{id: 5, name: "edit_page", guard_name: "api", created_at: "2018-03-30 10:09:38", updated_at: "2018-03-30 10:09:38", …}
1
:
{id: 6, name: "create_page", guard_name: "api", created_at: "2018-03-30 10:09:38", updated_at: "2018-03-30 10:09:38", …}
2
:
{id: 7, name: "create_post", guard_name: "api", created_at: "2018-04-06 11:11:40", updated_at: "2018-04-06 11:11:40", …}
3
:
{id: 8, name: "view_post", guard_name: "api", created_at: "2018-04-06 11:11:40", updated_at: "2018-04-06 11:11:40", …}
length
:
4

you want to acess from which array?

Sajeetharan
– Sajeetharan

2018-04-10 11:57:42 +00:00
Commented Apr 10, 2018 at 11:57 — Sajeetharan
– Sajeetharan, Commented Apr 10, 2018 at 11:57
try console.log(this.roleData[0])

AlexFF1
– AlexFF1

2018-04-10 12:00:16 +00:00
Commented Apr 10, 2018 at 12:00 — AlexFF1
– AlexFF1, Commented Apr 10, 2018 at 12:00
i wan to access from roleData

Pranav Mandlik
– Pranav Mandlik

2018-04-10 12:02:01 +00:00
Commented Apr 10, 2018 at 12:02 — Pranav Mandlik
– Pranav Mandlik, Commented Apr 10, 2018 at 12:02
@AlexFF1 tried but giving undefined

Pranav Mandlik
– Pranav Mandlik

2018-04-10 12:02:47 +00:00
Commented Apr 10, 2018 at 12:02 — Pranav Mandlik
– Pranav Mandlik, Commented Apr 10, 2018 at 12:02
what is data['data']? This looks illogical

WasiF
– WasiF

2018-04-10 12:03:55 +00:00
Commented Apr 10, 2018 at 12:03 — WasiF
– WasiF, Commented Apr 10, 2018 at 12:03

Sravan · Accepted Answer · 2018-04-10 12:28:39Z

2

You have to take, this.roleData = data['data']

Since data['data'] returns an array, it is wrong that you are pushing that array to first index;

this.roleData = [];

this.RoleServiceService.getRoleById(this.id).subscribe(data => {
  this.roleData = data['data'];
  console.log(data['data']);
  console.log(this.roleData);
})

If you want to append the data you can also use a for loop

Appeding data:

this.RoleServiceService.getRoleById(this.id).subscribe(data => {
  data['data'].forEach(element => {
    this.roleData.push(element)
 });
  console.log(data['data']);
  console.log(this.roleData);
})

edited Apr 10, 2018 at 12:28

answered Apr 10, 2018 at 12:21

Sravan

18.7k3 gold badges33 silver badges54 bronze badges

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

6 Comments

Pranav Mandlik Over a year ago

its giving null array

Sravan Over a year ago

in which console you are getting nul

Sravan Over a year ago

I mean at what place, you consoled in code? what is the result of the console.log I added in answer

Pranav Mandlik Over a year ago

its like [] length:0

Sravan Over a year ago

and you are consoling inside that subscribe function right?

|

Guzel İşler · Accepted Answer · 2024-02-22 21:25:31Z

0

this.roleData = data['data'] it's worked form me..maybe the income from someone's treatment

answered Feb 22, 2024 at 21:25

Guzel İşler

113 bronze badges

Collectives™ on Stack Overflow

get values from array in angular 5

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related