AngularJS中更新特定键值及解决行内批量编辑异常问题

看起来你遇到的核心问题是所有行/列的编辑状态被统一控制了——当前的row.entity.editing(item)方法应该是依赖了一个共享的状态（比如整个row级别的布尔值或当前编辑项），导致点击任意一个值时，所有项都进入编辑状态。

下面是具体的修复方案：

1. 给每个item添加独立的编辑状态属性 #

首先，我们需要让每个可编辑的item拥有自己的isEditing状态，而不是依赖全局/行级的状态。如果你的item是原始类型（字符串、数字），建议先把它包装成对象（否则ng-model绑定会失效）：

初始化数据（如果item是原始类型） #

// 在你的控制器/数据加载逻辑里，把原始值转成对象
row.entity.subData = Object.fromEntries(
  Object.entries(row.entity.subData).map(([key, values]) => [
    key,
    values.map(val => ({ value: val, isEditing: false }))
  ])
);

2. 修改编辑和保存方法 #

更新row.entity里的editItem和新增saveItem方法，只操作当前点击的item的状态：

// 切换单个item的编辑状态
row.entity.editItem = function(item) {
  // 仅切换当前item的isEditing，其他item不受影响
  item.isEditing = !item.isEditing;
  
  // 可选：如果需要同时关闭其他item的编辑状态，取消下面注释
  // Object.values(this.subData).flat().forEach(i => {
  //   if (i !== item) i.isEditing = false;
  // });
};

// 保存并退出编辑状态
row.entity.saveItem = function(item) {
  // 这里写你的保存逻辑：比如提交到后端、更新数据源等
  console.log("保存值:", item.value);
  
  // 保存完成后关闭当前item的编辑状态
  item.isEditing = false;
};

3. 更新HTML模板 #

把模板里的状态判断改成基于item自身的isEditing属性，同时添加输入框用于编辑：

<table>
  <tbody ng-repeat="(key,value) in row.entity.subData">
    <tr ng-repeat="item in value">
      <td>
        <!-- 非编辑状态：显示值，点击进入编辑 -->
        <span ng-hide="item.isEditing" ng-click="row.entity.editItem(item)">
          {{item.value}}
        </span>
        
        <!-- 编辑状态：显示输入框和保存按钮 -->
        <input 
          ng-show="item.isEditing" 
          ng-model="item.value" 
          type="text" 
          autofocus
        />
        <button ng-show="item.isEditing" ng-click="row.entity.saveItem(item)">
          save
        </button>
      </td>
    </tr>
  </tbody>
</table>

为什么原来的代码会失效？ #

你之前的row.entity.editing(item)方法大概率是基于某个共享状态（比如row.entity.currentEditItem === item或者一个全局布尔值），只要这个状态触发，所有匹配editing(item)的元素都会显示编辑状态。而给每个item绑定独立的isEditing属性后，每个项的状态都是独立可控的，点击哪个就只会修改哪个的状态。

内容的提问来源于stack exchange，提问作者developer