如何在angular2中调用具有相同功能的2个api

Question

i have save function, so if the data is empty then post method must be called,if there is data already then put method must be implemented. Can anyone help me to solve that.

Ts:

    saveEmergencyContact(itemrow) {
    console.log(itemrow,"itemrow");
    if(itemrow.Id!=null) {
      this._userService.editEmergencyContact(itemrow.Id).subscribe(res => {
        console.log(res,"edit");
        this.showSuccess("Emergency Contact updated succesfully");
        this.getEmergencyContact();
      })
    } else {
    this._userService.saveEmergencyContact(itemrow).subscribe(res => {
      console.log(res,"add");
      this.showSuccess("Emergency Contact saved succesfully");
      this.getEmergencyContact();
    })
  }
}

If there is no Id, then it must work as above function, and if incase it has Id it must work as put function. Please help me out.

Here if i edit on the already data having section, it generates new section and i see 2 sections extra below that. once after refresh, there will be one extra field.

Update:

 create() {
    return this._fb.group({
      ContactName: '',
      Phone: '',
      Relation: '',
    });
  }

Answer 1

I guess that's what you're looking for:

 saveEmergencyContact(itemrow) {
    if(itemrow.id!=null)
    {
      this._userService.editEmergencyContact(itemrow).subscribe(...)
    }
    else
    {
      this._userService.addEmergencyContact(itemrow).subscribe(...)
    }
      }