angularjsyeomanangular-routingyeoman-generator-angularangularjs-1.6

Routing issue with AngularJS project using yeoman setup

I have setup a new Angular project using yeoman. Angular version is 1.6.0. Project setup was successful but I have been facing an issue with routing

Task runner - Grunt

When I run the project in local my local page will load with URL

http://localhost:9000/#!/

I was expecting http://localhost:9000/#/

When clicked on About link browser is routed to

http://localhost:9000/#!/%23%2Fabout

Expectation: http://localhost:9000/#/about

When I click home link browser is routed to

http://localhost:9000/#!/%23%2F

Expectation: http://localhost:9000/#/

What might be the issue? I have no such issues in my other system where I'm using AngularJS 1.5.8.

Solution

  • I got resolved with following code.You can write in your app.js file

     $locationProvider.hashPrefix('');