如何将表中编辑的旧值和新值保存到angular 2中的JSON中

在Angular 2中，可以通过以下步骤将表中编辑的旧值和新值保存到JSON中：

创建一个JSON对象，用于保存旧值和新值。可以使用{}来定义一个空的JSON对象。
在表格中，为每个需要编辑的单元格绑定一个双向数据绑定的变量。例如，可以使用[(ngModel)]来实现双向数据绑定。
在编辑完成后，通过监听表格的保存按钮或其他触发事件，触发一个保存函数。
在保存函数中，将旧值和新值保存到JSON对象中。可以通过比较旧值和新值来确定是否发生了变化。
最后，可以将JSON对象发送到后端进行进一步处理，或者在前端进行其他操作。

以下是一个示例代码：

// 在组件中定义一个JSON对象来保存旧值和新值
dataChanges: any = {};

// 在表格中绑定旧值和新值，并监听变化
<input [(ngModel)]="data.property" (ngModelChange)="saveChanges(data.property, 'property')">

// 保存函数，将旧值和新值保存到JSON对象中
saveChanges(newValue: any, property: string) {
  const oldValue = this.dataChanges[property];
  if (oldValue !== newValue) {
    this.dataChanges[property] = {
      oldValue: oldValue,
      newValue: newValue
    };
  }
}

在这个示例中，dataChanges对象用于保存旧值和新值。在表格中，使用双向数据绑定将旧值和新值绑定到输入框，并通过ngModelChange事件监听变化。在保存函数中，比较旧值和新值，如果发生了变化，则将其保存到dataChanges对象中。

请注意，这只是一个示例，具体实现可能会根据实际需求和项目结构有所不同。另外，根据具体情况，可能需要对JSON对象进行进一步处理或转换成其他格式进行存储和传输。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS），腾讯云数据库（TencentDB），腾讯云人工智能（AI），腾讯云物联网（IoT Hub）等。你可以访问腾讯云官网（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。