Repository: angular
Issue: Using href is not routing angular routes in AngularJS and Angular 7 Hybrid App
Labels: type: bug/fix,freq2: medium,area: router,area: zones,area: upgrade,state: confirmed,browser: firefox,router: navigation pipe,P3

<!--🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅

Oh hi there! 😄

To expedite issue processing please search open and closed issues before submitting a new one.
Existing issues often contain information about workarounds, resolution, or progress updates.

🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅-->


# 🐞 bug report

### Affected Package
<!-- Can you pin-point one or more @angular/* packages as the source of the bug? -->
<!-- ✍️edit: --> The issue is caused by package @angular/router or other angular core packages


### Is this a regression?

<!-- Did this behavior use to work in the previous version? -->
<!-- ✍️--> Yes, the previous version in which this bug was not present was: Angular 4.x


### Description

<!-- ✍️--> We have a Hybrid App (AngularJS and Angular7) which has a mix of AngularJS and Angular7 routers. When we try to switch between routes (components) in Angular7 with href, only every second route is routing fine, that means one in between is always skipped.
This problem is only in Firefox and Safari and NOT in Chrome.

## 🔬 Minimal Reproduction
<!--
Please create and share minimal reproduction of the issue starting with this template: https://stackblitz.com/fork/angular-issue-repro2
-->
<!-- ✍️--> The original code that works fine is from Manfred Steyer: https://github.com/manfredsteyer/ngUpgrade-without-preparation. This code is using Angular 4.x.
You can find the upgraded code from Angular 4.x to Angular 7.x  which describes the problem in repo: https://github.com/dorje42/ngUpgrade-without-preparation
This is a Hybrid App, which has AngularJS and Angular7 Routers. Routing between Angular7 routes with **routerLink** is working fine. But Routing between Angular7 routes using **href** routes only every second route, that means one in between is always skipped. 
Routing with href in a standard Angular7 App is working fine: https://stackblitz.com/edit/angular-puqxtw?file=src%2Fapp%2Fapp.component.html
There must be something wrong with the hybrid app constellation.

open http://localhost:4200/

1.     click ng2-route (href), it will go to http://localhost:4200/#/ng2-route
2.     click ng7-route (href), nothing happens
3.     click ng8-route (href), it will go to http://localhost:4200/#/ng8-route
4.     click ng2-route (href), nothing happens
5.     click ng7-route (href), it will go to http://localhost:4200/#/ng7-route

## 🌍  Your Environment

**Angular Version:**
<pre><code>
<!-- run `ng version` and paste output below -->
<!-- ✍️-->
Angular CLI: 7.3.4
Node: 8.11.3
OS: linux x64
Angular: 7.2.7
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router, upgrade

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.13.4
@angular-devkit/build-angular     0.13.4
@angular-devkit/build-optimizer   0.13.4
@angular-devkit/build-webpack     0.13.4
@angular-devkit/core              7.3.4
@angular-devkit/schematics        7.3.4
@angular/cli                      7.3.4
@ngtools/webpack                  7.3.4
@schematics/angular               7.3.4
@schematics/update                0.13.4
rxjs                              6.4.0
typescript                        3.2.4
webpack                           4.29.0
</code></pre>

**Anything else relevant?**
<!-- ✍️Is this a browser specific issue? If so, please specify the browser and version. -->
This problem is only in Firefox and Safari and NOT in Chrome.
<!-- ✍️Do any of these matter: operating system, IDE, package manager, HTTP server, ...? If so, please mention it below. -->