Angular+NG-ZORRO实现表格整行编辑，并传入后台

JavaOlS

于 2021-08-10 11:00:49 发布

阅读量728

点赞数 2

分类专栏：笔记文章标签： angular 前端

本文链接：https://blog.youkuaiyun.com/fylin6/article/details/119563753

版权

本文介绍了在Angular项目中使用NG-ZORRO实现表格整行编辑时遇到的问题及解决方案。当从后台异步获取数据时，由于updateCache在数据加载前执行，导致editCache未初始化，进而无法正常显示表格。为解决这个问题，可以在获取列表数据的函数内执行相关操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个是官网的编辑表格整行的例子点击链接可以跳转
官网例子

<tbody>
  <tr *ngFor="let data of editRowTable.data">
    <ng-container *ngIf="!editCache[data.id].edit; else editTemplate"><!-- *ngIf这里比较关键-->
      <td>{
  { data.name }}</td>
      <td>{
  { data.age }}</td>
      <td>{
  { data.address }}</td>
      <td><a (click)