Change the URL format in angular js from # to #!

Question

Change the below url

http://example.com/#/alphabits/a b c

to

http://example.com/#!/alphabits/a_b_c

Any suggestion

stackoverflow.com/questions/40478676/…

jbalgue
– jbalgue

2017-01-30 06:54:05 +00:00
Commented Jan 30, 2017 at 6:54 — jbalgue
– jbalgue, Commented Jan 30, 2017 at 6:54

Rajeev Ranjan · Accepted Answer · 2017-05-01 11:34:55Z

2

You can change this from $locationProvider. I used this code in my application to change this.

angular.module('myApp').config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$locationProvider.hashPrefix(''); // We are actually removing ! from URLs as ! is default one.
$routeProvider
    .when('/', {
        templateUrl: 'templates/home.tpl.html',
        controller: 'homeCtrl'
    })
    .when('/about', {
        templateUrl: 'templates/about.tpl.html',
        controller: 'aboutCtrl'
    })
    .otherwise({
        redirectTo: '/'
    });

  }]);

edited May 1, 2017 at 11:34

Rajeev Ranjan

4,1523 gold badges30 silver badges42 bronze badges

answered Jan 28, 2017 at 16:30

bhawna pathak

213 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change the URL format in angular js from # to #!

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related