ngOnDestroy не срабатывает после нажатия кнопки angular

Question

HTML ..........

<div class="form-group">
                  <button type="submit"

                          value="submit"
                          class="btn btn-secondary btn-float">Upload</button>
                </div>
              </div>

Файл TS .........

export class testComponent implements  OnDestroy {

ngOnDestroy() {
    console.log("Fired ngOnDestroy");
  }

onClickSubmit() {

      this.subscription = this.service
        .create(test, url)
        .subscribe(
              res => {

                console.log('HTTP response', res)
              },
              err => {

                console.log("Error", err)
              },
              () => console.log('HTTP request completed.')
        );

  }
  }

Я пытаюсь позвонить после нажатия кнопки мой сервис ngondestroy () не запускается, я не знаю, почему он не работает

Answer 1

ngOnDestroy вызывается платформой при удалении компонента из DOM.

В вашем примере нет ничего, что указывало бы на то, что нажатие кнопки должно вызвать уничтожение.

Если у меня есть следующий компонент, ngOnDestroy будет вызываться в дочернем компоненте при нажатии кнопки.

<child *ngIf="!deleted"></child>
<button (click)="deleted = true">Trigger destroy in child</button>

DEMO: https://stackblitz.com/edit/angular-fxvj1n