在 Angular 中编辑数据

Question

对应的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？ 提前致谢。

Answer 1

将您的按钮更改为此：

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

您的saveSegment方法需要一个项目，但您只传递了item.id