title: Component not destroyed after Reload + Navigating to another page
body: <p>In an Ionic v4 app, <code>ngOnDestroy</code> is not called when I refresh the page and then navigate back to another page by calling <code>Router.navigateByUrl()</code>.</p>
  
  <p>Based on <a href="https://stackoverflow.com/a/40468409/5486116">this answer</a>, I tried to destroy the page on reload by applying <code>@HostListener("window:beforeunload")</code> on <code>ngOnDestroy</code>, but the problem that I am facing is different in the way that what I need is that the page needs to be destroyed AFTER it was refreshed AND THEN navigating to another page. </p>
  
  <p><a href="https://stackblitz.com/edit/ionic-v4-angular-v8-navigateback-refreshprblm" rel="nofollow noreferrer">This demo</a> shows my problem, and these are the steps to reproduce it:</p>
  
  <ol>
  <li>Access the app: The app loads automatically to the parent page, which is the first and only tab in the demo</li>
  <li>Navigate to the child page by clicking the button 'Navigate to Child': The child page is then opened</li>
  <li>Reload the child page by going to the bar address in the in-app browser, clicking inside it, and then hit the enter key (Don't use the reload button because it reloads the app and points directly to the parent page)</li>
  <li>Navigate back to the parent page by clicking the button 'Navigate Back to Parent'</li>
  </ol>
  
  <p>In the last step, the console doesn't log that the child page is destroyed, and when accessing it again from the parent, it doesn't log neither that it is initialized. Which means that the child page is not destroyed.</p>
  
  <p>Please note that in the case when the child page is not refreshed and by clicking the 'Navigate Back to Parent' button, the child component is destroyed (<code>ngOnDestroy</code> is called), and then created/initialized in the next access.</p>