Clean URL or Removing Hasg tag from URL in angular ng-view

Question

I'm using angularJS to build a website and use angular-route library for view of different pages of website. my website is working well but there is a hash tag in url when i move on different views. for removal of hash tag I'm using

$locationProvider.html5Mode(true);

but this is not working on page refresh. My code is given below:- Index.html

<body data-ng-app="myapp" data-ng-controller="myctrl">
<div data-ng-include=" 'pages/menu.html'"></div>
<div ng-view class="view-animate"></div>
<div data-ng-include=" 'pages/footer.php' "></div>

<body>

app.js

    'use-strict'
var tc = angular.module('myapp', ['ngRoute']);

tc.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);

    $routeProvider
    .when('/home', {
        templateUrl: 'pages/home.html',
    })
    .when('/about', {
        templateUrl: 'pages/about.html',
    })
  .otherwise({
        redirectTo: '/home'
    })

}]);

on reload f page this is not working. e.g : if I'm on www.mysitename.com/about on reload this page i got page not found error — asb14690, Jan 21 '15 at 11:21

score 1 · Answer 1 · answered Jan 21 '15 at 07:03

1

Use:-

<base href="/" />

And put this in your head tag :-)

answered Jan 21 '15 at 07:03

squiroid

13,809
6
47
67

score 0 · Answer 2 · edited May 23 '17 at 11:58

0

I suggest you to use $stateProvider , $routeProvider not suggest by many Angularjs expert. And $stateProvider have more control over route then $routeprovider.

see

Using $routeProvider with $stateProvider

edited May 23 '17 at 11:58

Community

1
1

answered Jan 21 '15 at 06:56

virender

4,539
5
27
31

score 0 · Answer 3 · answered Jan 21 '15 at 06:57

0

Make sure you have <!doctype html> at the top of your index.html

answered Jan 21 '15 at 06:57

user12121234

2,519
2
25
27

Clean URL or Removing Hasg tag from URL in angular ng-view

3 Answers3