how to remove '#' from url in angularjs

Question

My url: eDemo/admin/test/list/#/list

I want: eDemo/admin/test/list

js:

var serviceBase ="http://admin-pc/eDemo/admin/test/";
function config($routeProvider, $locationProvider) {

    $routeProvider
        .when('/add', {
            controller: 'addController',
            templateUrl: serviceBase + 'add',
            controllerAs: 'vm',
        })
        .when('/edit', {
            controller: 'editController',
            templateUrl: serviceBase + 'edit',
            controllerAs: 'vm',
        })


        .otherwise({ redirectTo : 'list' });
}

html:

<div class='ng-view'></div>

@DeepKakkar .. you better do copy the main part of the link code and post in answer section .. It's will remove dependency of that link and the question will have it's answer here .. — Moumit
– Moumit, Commented Mar 9, 2016 at 7:31

Punit Gajjar · Accepted Answer · 2016-03-09 08:51:05Z

You just need to add html5Mode(true) in your route provider configuration. Make sure that you are passing the parameter $locationProvider on config function as an argument.

here us the sample js code:

var serviceBase ="http://admin-pc/eDemo/admin/test/";
app.config(['$routeProvider','$locationProvider',
     function ($routeProvider,$locationProvider) {

    $routeProvider
        .when('/add', {
            controller: 'addController',
            templateUrl: serviceBase + 'add',
            controllerAs: 'vm',
        })
        .when('/edit', {
            controller: 'editController',
            templateUrl: serviceBase + 'edit',
            controllerAs: 'vm',
        })


        .otherwise({ redirectTo : 'list' });

         $locationProvider.html5Mode(true);

}

And your HTML should looks like below :

<div class='ng-view'>
 <base href="<?=url('/').'/'?>">
</div>

Also Keep in mind that never pass # in anykind of url like you redirecting , you submitting form through AJAX or anywhere.

Karan · Accepted Answer · 2016-03-09 07:39:19Z

1

At the End of route use:

 $locationProvider.html5Mode(true);

This should be:

var serviceBase ="http://admin-pc/eDemo/admin/test/";
function config($routeProvider, $locationProvider) {

$routeProvider
    .when('/add', {
        controller: 'addController',
        templateUrl: serviceBase + 'add',
        controllerAs: 'vm',
    })
    .when('/edit', {
        controller: 'editController',
        templateUrl: serviceBase + 'edit',
        controllerAs: 'vm',
    })
    $locationProvider.html5Mode(true);

    }

In View File:

<head>
    <meta charset="utf-8">

    <base href="/">
</head>

answered Mar 9, 2016 at 7:39

Karan

1,1484 gold badges20 silver badges45 bronze badges

Comments

Taylan Aydinli · Accepted Answer · 2016-03-09 08:13:28Z

1

you can use the $locationProvider like this

$locationProvider.html5Mode({
  enabled: true,
  requireBase: false
});

edited Mar 9, 2016 at 8:13

Taylan Aydinli

4,37315 gold badges42 silver badges33 bronze badges

answered Mar 9, 2016 at 8:08

Dilshan Perera

13211 bronze badges

Collectives™ on Stack Overflow

how to remove '#' from url in angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related