在Angular中编辑数据

问题描述 投票:0回答:1

The Error which i am getting

相应的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?在此先感谢。

angular typescript angular8
1个回答
0
投票

将按钮更改为此:

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

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

© www.soinside.com 2019 - 2024. All rights reserved.