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

Posted 2023-02-23

【中文标题】如何以角度将数据与ngFor绑定

【英文标题】：How to bind data with ngFor in angular

【发布时间】：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>

错误：<!--bindings= "ng-reflect-ng-for-of": null -->

【问题讨论】：

您是否尝试删除第一个表格单元格末尾的“-->”？，您在 id 上的第二个表格单元格上也有错误？似乎你错过了 id 之后的点？好吧，看来您有重复的代理？.id

是的，试试这个。但它不起作用

查看我的下一个答案，看看能否解决您的问题，

【参考方案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 初始化为空数组，以确保在使用最终数据定义之前具有可迭代性。