There seems to be a glitch with Angular's ngRoute functionality

Question

There has been a common topic discussed in this community, but I have not come across anyone facing the exact issue I encountered.

As I attempted to run my SPA locally instead of on a server, I realized I had to switch from Chrome/Explorer to Firefox.

The strangest part is that when I click on links that are supposed to change the address correctly, it only adds extra text at the end.

For example, when I click a link, it should transition from:

file:///C:/Users/saartk/Desktop/Python/New/conFusion/app/index.html#!/contactus

to:

file:///C:/Users/saartk/Desktop/Python/New/conFusion/app/index.html#!/menu

Instead, it becomes:

file:///C:/Users/saartk/Desktop/Python/New/conFusion/app/index.html#!/contactus#%2Fmenu The menu part gets added to the default contactus...

Below is my code:

This is the relevant section of my HTML file (index.html):

(HTML code here)

This is the ngRoute Javascript file:

(Javascript code here)

These are the controllers:

(Controller code here)

And these are the services for the data:

(Data service code here)

So, what do you all think could be causing this issue?

Thank you all in advance!

Answer 1

Answer №1

Angular is unable to process the forward slash in your link parameters (e.g. #/aboutus).

Consider updating your links from href="#/pagename to href="#pagename:

<a href="#aboutus">
<a href="#menu">
<a href="#contactus">

Answer 2

Angular is unable to process the forward slash in your link parameters (e.g. #/aboutus).

Consider updating your links from href="#/pagename to href="#pagename:

<a href="#aboutus">
<a href="#menu">
<a href="#contactus">