Angular 以角度编辑数据

相应的TS文件：

saveSegment(item) {
const body = {
  id: item.id,
  name: item.name,
  status: item.status,
  active: item.active,
  modifiedAt: item.modifiedAt,
  category: {
    id: item.category.id,
    name: item.category.name,
    active: item.category.active,
    status: item.category.status,
    modifiedAt: item.category.modifiedAt,
  },
  description: item.description,
  imagePath: item.imagePath,
  viewCount: item.viewCount,
  important: item.important
};
console.log('editable data', body);
this.http.put(this.mainUrl + item.id , body)
.subscribe((Response) => {
  alert('Updated successfully');
  this.route.navigateByUrl('/', {skipLocationChange: true}).then(() =>
  this.route.navigate(['/blogger']));
}, (err) => {
  console.log(err);
});

HTML文件：

<button type="button" class="btn btn-primary" (click)="saveSegment(item.id)">Save changes</button>

保存更改

我不知道我做错了什么，我无法将数据保存到API？

---

提前感谢。

将按钮更改为：

保存更改

---

您的

saveSegment

方法需要一个项，但您只传递了

项。id

我尝试了上述方法，并且在lin No:88中得到了HttpErrorResponse{headers:HttpHeaders，status:400，statusText:“OK”，url:，OK:false，}，这意味着数据没有在APIs中得到更新，这是另一个问题，您应该尝试并调试。日志是什么>控制台.log（'可编辑数据'，正文）；。我建议您更新您的问题以添加此错误，或者询问一个新问题，您可以通过地址>13.127.6.195:8080/api/blog/undefined查看。。您附加到

this.mainUrl

的

item.id

在console.log中未定义，我正在获取编辑的数据，但新编辑的数据没有推送到API，因此我得到未定义的错误。