WEB-365 Utilizing Bulk Loan Reassignment does not work at all

src/app/organization/bulk-loan-reassignmnet/bulk-loan-reassignmnet.component.html

@@ -106,7 +106,9 @@
 
                   <tr *ngFor="let loans of groups.loans">
                     <td>
-                      <mat-checkbox>{{ loans.productName }}({{ loans.accountNo }})</mat-checkbox>
+                      <mat-checkbox (change)="getLoans($event, loans.id)"
+                        >{{ loans.productName }}({{ loans.accountNo }})</mat-checkbox
+                      >
                     </td>
                   </tr>
                 </table>

src/app/organization/bulk-loan-reassignmnet/bulk-loan-reassignmnet.component.ts

@@ -107,10 +107,14 @@ export class BulkLoanReassignmnetComponent implements OnInit {
    * @param officerId Office Id.
    */
   getFromOfficers(officerId: any) {
-    this.toLoanOfficers = this.fromLoanOfficers.filter((officer: any) => officer.id !== officerId);
-    this.organizationSevice.getOfficerTemplate(officerId, this.officeTemplate.id).subscribe((response: any) => {
-      this.officerTemplate = response;
-    });
+    this.toLoanOfficers = this.fromLoanOfficers?.filter((officer: any) => officer.id !== officerId) || [];
+    if (officerId && this.officeTemplate && this.officeTemplate.id) {
+      this.organizationSevice.getOfficerTemplate(officerId, this.officeTemplate.id).subscribe((response: any) => {
+        this.officerTemplate = response;
+      });
+    } else {
+      this.officerTemplate = undefined;
+    }
   }
 
   /**