在 Angular 和 laravel 中获取和显示表格数据

Posted

技术标签:

【中文标题】在 Angular 和 laravel 中获取和显示表格数据【英文标题】:Fetch and display table data in angular and laravel 【发布时间】:2022-01-20 22:23:43 【问题描述】:

我正在尝试以角表代码显示从 laravel api 获取的数据:

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

角码:

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

这不显示任何数据

我必须使用

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

推送所有数据。如何推送所有数组数据。

并使用循环显示数据

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

【问题讨论】:

【参考方案1】:

您当前正在将一个数组推入一个数组。 要获得您想要的结果,您只需将结果数组分配给问题数组:

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

【讨论】:

感谢您的回答,现在收到此错误The 'Object' type is assignable to very few other types. Did you mean to use the 'any' type instead? 问题是如何定义的?它们是特定的数据类型吗?如果您确实将 this.http.post() 更改为 this.http.post(),否则您可以使用 this.http.post() 我已经定义为数组questions = []; 查看我的编辑。您也可以将问题定义为 questions:any = []

以上是关于在 Angular 和 laravel 中获取和显示表格数据的主要内容,如果未能解决你的问题,请参考以下文章

使用带有 JWT Auth/Laravel 的 Angular JS 获取新的刷新令牌后,如何恢复/重新发送请求?

Auth0 Laravel:验证令牌并获取用户信息

无法在 Laravel API 中启用 CORS?

laravel - 从 http 请求中获取参数

使用 laravel 和 Angular 4 问题通过 API 在数据库中保存文件

从角度 2 调用 laravel 后端 api