Modal data to be updated

It seems like you want to populate the form with the employee data when the Edit button is clicked. You’re on the right track, but you need to patch all the form controls with the corresponding properties from res.data. Here’s how you can modify your onEdit function:

onEdit(Id:number) {
  this.empSrv.getEmpById(Id).subscribe((res:any)=>{
    this.objEmployee = res.data;
    console.log(res.data);

    this.form.patchValue({
      'empName': res.data.empName ? res.data.empName : '',
      'empEmail': res.data.empEmail ? res.data.empEmail : '',
      'empContactNo': res.data.empContactNo ? res.data.empContactNo : '',
      'addressLine1': res.data.addressLine1 ? res.data.addressLine1 : '',
      'addressLine2': res.data.addressLine2 ? res.data.addressLine2 : '',
      'pinCode': res.data.pinCode ? res.data.pinCode : '',
      'city': res.data.city ? res.data.city : '',
      'state': res.data.state ? res.data.state : '',
      'bankName': res.data.bankName ? res.data.bankName : '',
      'ifsc': res.data.ifsc ? res.data.ifsc : '',
      'accountNo': res.data.accountNo ? res.data.accountNo : '',
      'bankBranch': res.data.bankBranch ? res.data.bankBranch : '',
      'salary': res.data.salary ? res.data.salary : ''
    })
    this.openModal();
  })
}

This will ensure that all the form fields are populated with the corresponding employee data when the Edit button is clicked. If a particular property does not exist in res.data, it will default to an empty string.

Also, please note that the @if and @else syntax you’re using is not valid in Angular templates. You should use *ngIf instead. Here’s how you can modify your buttons:

This will show the Save button if objEmployee.empId is 0, and the Update button otherwise. The Update button will call onEdit with the current objEmployee.empId when clicked.

Thanks