Angular2多次调用ngOnInit（以及其他所有生命周期挂钩方法）

Question

I'm experiencing a strange situation under Google Chrome (newest) - I'm navigating to a list in my ng2 driven web application, collapsing the browser to the task bar and after 5 minutes (or so), the console is showing messages that are being shown when my component gets initiated the first time, so:

public ngOnInit(): void {
    console.log("INIT CALLED");
}

So it looks like Chrome is killing my application, then it gets resurrected and is showing this INIT CALLED message. What kills me is that ngOnDestroy hook is not called before ngOnInit gets called the second time. Looks like a bug in ng2 for me, but has anybody experienced this and can share a fix with me?

Answer 1

ngOnDestroy isn't called when the browser tab is closed or suspended.
ngOnDestroy is only called when Angular removes a component.

When the tab is closed, Angular doesn't get a chance to do anything. See How can we detect when user closes browser? about how to invoke code when the browser tab is closed.