Hi
I have below ts file and i want when user clicks on Edit all data should be shown in modal
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:''
})
this.openModal();
})
}
*********************
<form [formGroup]="form" >
<div class="modal-body">
<div class="form-group" class="row g-3">
<div class="col-md-6">
<label for="empName" class="form-label">Name</label>
<input type="text" formControlName="empName" id="empName" type="text" class="form-control">
</div>
<div class="col-md-6">
<label for="empEmail" class="form-label">Email</label>
<input type="text" formControlName="empEmail" id="empEmail" type="text" class="form-control">
</div>
<label for="empContactNo" class="form-label">Contact No</label>
<input type="text" formControlName="empContactNo" id="empContactNo" class="form-control">
<label for="addressLine1" class="form-label">Address1</label>
<input type="text" formControlName="addressLine1" id="addressLine1" class="form-control">
<label for="addressLine2" class="form-label">Address2</label>
<input type="text" formControlName="addressLine2" id="addressLine2" class="form-control">
<div class="col-md-4">
<label for="pincode" class="form-label">Pin Code</label>
<input type="text" formControlName="pinCode" id="pinCode" type="text" class="form-control">
</div>
<div class="col-md-4">
<label for="city" class="form-label">City</label>
<input type="text" formControlName="city" id="city" type="text" class="form-control">
</div>
<div class="col-md-4">
<label for="state" class="form-label">State</label>
<input type="text" formControlName="state" id="state" type="text" class="form-control">
</div>
<label for="bankName" class="form-label">Bank Name</label>
<input type="text" formControlName="bankName" id="bankName" class="form-control">
<div class="col-md-4">
<label for="ifsc" class="form-label">IFSC</label>
<input type="text" formControlName="ifsc" id="ifsc" type="text" class="form-control">
</div>
<div class="col-md-4">
<label for="accountNo" class="form-label">Account No</label>
<input type="text" formControlName="accountNo" id="accountNo" type="text" class="form-control">
</div>
<div class="col-md-4">
<label for="bankBranch" class="form-label">Bank Branch</label>
<input type="text" formControlName="bankBranch" id="bankBranch" class="form-control">
</div>
<label for="salary" class="form-label">Salary</label>
<input type="text" formControlName="salary" id="salary" class="form-control">
</div>
</div>
<div class="modal-footer">
{{objEmployee.empId}}
<!-- <button class="btn btn-success btn-sm" *ngIf="{{objEmployee.empId}} == 0" type="submit">Save</button>
<button class="btn btn-warning btn-sm" *ngIf="{{objEmployee.empId}} != 0" type="submit">Update</button> -->
@if(objEmployee.empId == 0)
{
<button class="btn btn-success btn-sm" (click)="onSave()" >Save</button>
}
@else
{
<button class="btn btn-warning btn-sm" (click)="onEdit(1)">Update</button>
}
</div>
</form>
Thanks