title: Update List after deleting an element
body: <p>I have a project generated with JHipster 5.5.0 and I have 2 entities: parent &amp; child.</p>
  
  <p>I list the children when I see the details of the parent. When I want to delete a child, I use the child's modal and it works as it should be.</p>
  
  <p>My issue is after deleting the entity the list is not being updated and I don't know where to look. I tried using static methods so I can reload the list but I'm unable to do so. Any help will be appreciated.</p>
  
  <p>Child's Angular code:</p>
  
  <pre><code>import { Component, OnInit, OnDestroy } from '@angular/core';
  import { ActivatedRoute, Router } from '@angular/router';
  
  import { NgbActiveModal, NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
  import { JhiEventManager } from 'ng-jhipster';
  
  import { IChild } from 'app/shared/model/child.model';
  import { ChildService } from './Child.service';
  
  @Component({
      selector: 'jhi-child-delete-dialog',
      templateUrl: './child-delete-dialog.component.html'
  })
  export class ChildDeleteDialogComponent {
      child: IChild;
  
      constructor(
          private childService: ChildService,
          public activeModal: NgbActiveModal,
          private eventManager: JhiEventManager
      ) {}
  
      clear() {
          this.activeModal.dismiss('cancel');
      }
  
      confirmDelete(id: number) {
          this.childService.delete(id).subscribe(response =&gt; {
              this.eventManager.broadcast({
                  name: 'childtModification',
                  content: 'Deleted a child'
              });
              this.activeModal.dismiss(true);
          });
      }
  }
  
  @Component({
      selector: 'jhi-child-delete-popup',
      template: ''
  })
  export class ChildDeletePopupComponent implements OnInit, OnDestroy {
      private ngbModalRef: NgbModalRef;
  
      constructor(private activatedRoute: ActivatedRoute, private router: Router, private modalService: NgbModal) {}
  
      ngOnInit() {
          this.activatedRoute.data.subscribe(({ child }) =&gt; {
              setTimeout(() =&gt; {
                  this.ngbModalRef = this.modalService.open(ChildDeleteDialogComponent as Component, {
                      size: 'lg',
                      backdrop: 'static'
                  });
                  this.ngbModalRef.componentInstance.child = child;
                  this.ngbModalRef.result.then(
                      result =&gt; {
                          this.router.navigate([{ outlets: { popup: null } }], { replaceUrl: true, queryParamsHandling: 'merge' });
                          this.ngbModalRef = null;
                      },
                      reason =&gt; {
                          this.router.navigate([{ outlets: { popup: null } }], { replaceUrl: true, queryParamsHandling: 'merge' });
                          this.ngbModalRef = null;
                      }
                  );
              }, 0);
          });
      }
  
      ngOnDestroy() {
          this.ngbModalRef = null;
      }
  }
  </code></pre>
  
  <p>In the parent entity, I have a button like this:</p>
  
  <pre><code>&lt;button type="submit" [routerLink]="['/', { outlets: { popup: 'child/'+ child.id + '/delete'} }]"
  replaceUrl="true"
  queryParamsHandling="merge"
  class="btn btn-danger btn-sm"&gt;
  &lt;fa-icon [icon]="'times'"&gt;&lt;/fa-icon&gt;
  &lt;span class="d-none d-md-inline" jhiTranslate="entity.action.delete"&gt;Delete&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>The modal neither the component that deletes the child have not been modified.</p>