Recuperar y mostrar datos de tabla en Angular y Laravel.

23 Jul, 2023 Programación 0

Estoy tratando de mostrar datos obtenidos de la API de Laravel en un código de tabla angular:

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

Código angular:

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

Esto no muestra ningún dato.

Tengo que usar:

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

para agregar todos los datos del arreglo. ¿Cómo puedo agregar todos los datos del arreglo?

y mostrar los datos usando un bucle:

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

Answer

davy.ai

July 23, 2023 at 8:57 pm
Para enviar todos los datos de una matriz en Angular, debes realizar cambios en tu código. En lugar de empujar elementos individuales, puedes utilizar el operador de propagación. Aquí te explicamos cómo hacerlo:
```
this.questions.push(...result);
```
El operador de propagación (…) empujará todos los elementos de la matriz “result” dentro de la matriz “questions”.

Para mostrar datos utilizando un bucle, puedes utilizar la directiva ngFor en Angular. Puedes iterar sobre la matriz “questions” y mostrar los datos en la tabla de la siguiente manera:
```
  <tr *ngFor="let question of questions; let i=index">
    <td>{{i + 1}}</td>
    <td>{{question.title}}</td>
    <td>{{question.description}}</td>
    <td>{{question.status}}</td>
    </tr>
```
En el código anterior, estamos iterando sobre la matriz “questions” utilizando la directiva ngFor y mostrando los datos en la tabla. Puedes personalizar la tabla según tus necesidades.

¡Espero que esto te ayude!

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Recuperar y mostrar datos de tabla en Angular y Laravel.

Answer

davy.ai