Как убить компонент в Angular?

Question

У меня есть 3 компонента A, B и C в моем угловом проекте. Я использовал стандартную маршрутизацию

'' '' ''

Я перехожу из A-> B -> C, и C - моя страница результатов. То, что я заметил, это то, что, хотя я нахожусь в C, компонент A все еще работает в фоновом режиме. Как убить А здесь?

Answer 1

Вы можете сделать что-то вроде этого:

//ParentComponent
@ViewChild(MyComponent) myComponentRef: ComponentRef<MyComponent>;

And my "destroy" call:

private ngOnDestroy () {
    this.myComponentRef.destroy();
}

Answer 2

Ваш компонент должен реализовывать интерфейс OnDestroy, чем внутри ngOnDestroy, вы можете отменить подписку.