Как я могу настроить Angular JS URL для удобства пользователя?

Question

Мы продолжаем разработку нашего веб-сайта, который использует AngularJS на внешнем интерфейсе и Yii 1.1 на внутреннем.

Наше приложение позволяет пользователям создавать собственные группы сообщества, когда пользователь нажимает на группу под названием "ABC Group "(чей ID - 9), URL-адрес

http://ourwebsite.com/#/app/group/9/content/list

Однако мы хотим изменить это так:

http://ourwebsite.com/abcgroup/

мы используем ui-router

Есть идеи, как это сделать?Кроме того, почему Angular вообще использует "#"?

Answer 1

Вы должны ввести $ locationProvider и установить свойство html5Mode true следующим образом: -

$locationProvider.html5Mode(true);

Например: -

angular.module('myModule', [])
.config(['$routeProvider', '$locationProvider', function($routeProvider, 
$locationProvider) {

$routeProvider.
  when('/contact', {templateUrl: 'xyz/contact.html',   controller: mycontroller})
  .otherwise({redirectTo: '/home.html'});

$locationProvider.html5Mode(true);

}]);

Даже вы можете проверить ответ здесь

если вы используете ui-router , вы можете сделать то же самое с $ stateProvider

angular.module('myModule', [])
.config(['$stateProvider', '$locationProvider', function($stateProvider, 
$locationProvider) {
$stateProvider
    .state("contact",
        {
            url: "xyz/contact",
            views: {
                'content': {
                    templateUrl: "Views/xyz/contact.html",
                    controller: "contactController"
                }
            }
        })
 $locationProvider.html5Mode(true);
]);