如何在angular中使用ngFor绑定数据

Question

我是角度的新手。 只是学习它。 我想用 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 }-->

Answer 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初始化为一个空数组，以确保在使用最终数据定义之前具有可迭代对象。