Fetch and display table data in angular and laravel

Question

I'm trying to display data fetched from laravel api in angular table code is :

public function fetchQuestions(Request $request)
{  
  $questions = Questions::where('status',$request->status)->get();
  return response()->json($questions, 200);
}

angular code:

 questions = [];
  ...
  this.http.post(this.baseUrl+'api/auth/question', formData).subscribe(result  => {
  this.questions.push(result);

This does not display any data

i have to use

  this.questions.push(result[0]);
  this.questions.push(result[1]);
  ..
  ..
  this.questions.push(result[n]);

to push all the data. How can i push all array data.

and display data using loop

<ng-container *ngFor="let img of questions; let i=index">

Raffael · Accepted Answer · 2021-12-18 10:45:27Z

1

You are currently pushing an array into an array. To get the result you want you should just assign the result array to the questions array:

...subscribe(result => {this.questions = result})

answered Dec 18, 2021 at 10:45

Raffael

2532 silver badges10 bronze badges

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

4 Comments

user3653474 Over a year ago

Thanks for the answer, Now getting this error The 'Object' type is assignable to very few other types. Did you mean to use the 'any' type instead?

Raffael Over a year ago

How are the questions defined? Are they a specific data type? If you do change this.http.post() to this.http.post<DATATYPE[]>(), if not you can use this.http.post<any[]>()

user3653474 Over a year ago

I have defined it as array questions = [];

Raffael Over a year ago

See my edit. You could also define questions as questions:any = []

Collectives™ on Stack Overflow

Fetch and display table data in angular and laravel

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related