How to get the Response data for *ngFor in Angular2

Question

ngOnInit() {
  this.allusers = [];
  this.authService.getallUsers(this.allusers)
  .subscribe(
    (response) =>console.log(response),
    (error) =>console.log(error)
  );
  console.log(this.users);
}

I am trying to load all the users(first_name,last_name and email) . I am getting the results like given below

"[{"id":"1","first_name":"renuka","last_name":"nayer","email":"renuka@gmail.com"},{"id":"2","first_name":"renuka","last_name":"nayer","email":"renuka134@gmail.com"},{"id":"3","first_name":"renuka","last_name":"nayer","email":"renuka123@gmail.com"},{"id":"4","first_name":"Rakesh","last_name":"R","email":"rakeshjack7@gmail.com"},{"id":"5","first_name":"Rakesh","last_name":"R","email":"rakeshjack7+01@gmail.com"}]"

Kindly help to get the records

Possible duplicate of [How do I return the response from an asynchronous call?](https://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call) — Igor, Aug 24 '17 at 12:00
The data arrives as `response` in your code above. What's the problem? — BeetleJuice, Aug 24 '17 at 12:04

score 1 · Answer 1 · answered Aug 24 '17 at 12:06

1

http
  .get('Some Url')
  .map(res => {
      return res.json(); 
  })
  .subscribe(
    (data) => this.data = data, // Reach here mapped data
    (err) => this.error = err); // fail

for shorthen, use map method to get data.

answered Aug 24 '17 at 12:06

Kutlu Ozel

182
1
7

How to get the Response data for *ngFor in Angular2

1 Answers1