Угловой $ routeProvider без хэша (#)

Question

У меня есть $routeProvider в моем угловом приложении для разных путей, вот как это выглядит:

$routeProvider 
    .when('/', { 
    templateUrl: 'views/main.html', 
    title: 'Main', 
    }) 
    .when('/howItWorks', { 
     templateUrl: 'views/hiw.html', 
     controller: 'HiwCtrl', 
     controllerAs: 'hiw', 
     title: 'How it works' 
    }) 
    ... 

В этом случае, когда я иду в /#howItWorks, он загрузит HiwCtrl и его вид.

Теперь у меня есть URL-адрес, который выглядит как /users без хеша в начале. Как я могу изменить это для поддержки обоих URL-адресов?

Answer 1

Если у вас возникли вопросы, просто прочитайте больше о html5Mode в официальной документации на угловую систему.

app.config(['$locationProvider',function($locationProvider) { 

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

}); 

Answer 2

использование этого

app.config([ '$locationProvider', '$routeProvider', 
    function ($locationProvider, $routeProvider) { 
    $locationProvider.html5Mode({ 
    enabled: true, 
    requireBase: false 
}).hashPrefix('!'); 

$routeProvider 
.when('/home', { // For Home Page 
    templateUrl: 'Home.html', 
    controller: 'HomeController' 
    })  
.otherwise({ // This is when any route not matched => error 
    controller: 'ErrorController' 
}) 
}]);