如何以角度将数据与ngFor绑定答案

【问题标题】：How to bind data with ngFor in angular如何以角度将数据与ngFor绑定
【发布时间】：2021-10-04 12:00:40
【问题描述】：

我是 Angular 的新手。只是学习它。我想用 ngFor 绑定数据。但它没有显示任何数据。请帮我解决这个问题

html 文件：

 <tbody class="text-center">
          <tr *ngFor="let agent of agentlist ;let i = index">
              <td>{{i + 1 + paginationObject?.page * paginationObject?.itemPerPage}}</td>-->
              <td>{{agent?.id?agent?.id:''}}</td>
          </tr>
        </tbody>

错误：

【问题讨论】：

您是否尝试删除第一个表格单元格末尾的“-->”？，您在 id 上的第二个表格单元格上也有错误？似乎你错过了 id 之后的点？好吧，看来您有重复的代理？.id
是的，试试这个。但它不起作用
查看我的下一个答案，看看能否解决您的问题，

标签： html angular data-binding datatable tr

【解决方案1】：

尝试删除第一个表格单元格末尾的--> 并更正第二个表格单元格的绑定。

<tbody class="text-center">
  <tr *ngFor="let agent of agentlist ;let i = index">
      <td>{{i + 1 + paginationObject?.page * paginationObject?.itemPerPage}}</td>-->
      <td>{{agent?.id}}</td>
  </tr>
</tbody>

另外，您需要确保agentlist 有一些东西要迭代。也许放一个console.log(agentlist) 看看它在 ts 类里面有什么。如果 angelist 只声明但从未定义，您将收到该错误。将angelist 初始化为空数组，以确保在使用最终数据定义之前具有可迭代性。

【讨论】：