angular - 尝试发出请求以更新 Angular 8 中的 JSON

Question

HTML 文件：

<td>
                    <a >
                      <button *ngIf="enableEdit && enableEditIndex == i" (click)="enableEdit=false; cancel()" class="btn page-secondary-action-btn" >Cancel</button>
                      <button *ngIf="enableEdit && enableEditIndex == i" id="saveBtn" class="btn page-primary-action-btn" (click)="saveSegment()" type="submit">Save</button>
                      <i class="material-icons" *ngIf="i != enableEditIndex || enableEditIndex == null" (click)="enableEditMethod($event, i)" style="font-weight:bold; font-style:inherit ;color: green;">
                          edit
                      </i>
                    </a>
                </td>

对应的TS文件：

  saveSegment(data: blog) {
console.log('editable data', data);
this.blog.saveBlog(data).subscribe((Response) => {
  this.toastr.info('Updated successfully', 'blogs.id');
  this.route.navigate(['/admin/blogger']);
}, (err) => {
  console.log(err);`
});

和服务文件：

saveBlog(data: blog) {
    const body = {
      id: data.id,
      name: data.name,
      status: data.status,
      active: data.active,
      modifiedAt: data.modifiedAt,
    };
    return this.http.put(this.mainUrl + '/blog/' + data.id , body);
}

---

在这里，我正在尝试编辑数据并将其保存到我的 Web api，但该过程无法正常工作，因此出现如图所示的错误。

---

标签： angulartypescript

Answer 1

(click)="saveSegment(data)"

你没有在函数中传递参数

像这样：

<li *ngFor="let data of list">
  <button (click)="saveSegment(data)"> Click </button>
</li>