Route encoding Angular 12: Routing not working as expected

Recently upgraded Angular application from version 9 to 12.

Now, my current routes are not working, and encoded to %23.

Here is an example of my routes:

{ path: 'app-terminal-request-list', component: AppTerminalRequestListComponent, pathMatch: 'full', data: { viewDescription: eAppFunction.AppTerminalList } }


Here is how I route to it, using routerLink:

<li [hasAccess]="HasAccessAppTerminalListing">
<a routerLink="/app-terminal-request-list" routerLinkActive="active">
<span class="link-text">Terminal Request History</span>
</a>
</li>


When I click on the <li> in my nav-bar, it tries to navigate to:

http://localhost:4200/%23


I am not sure why the routing now behaves differently in Angular 12.

Continue reading...