Очистить URL-адрес или удалить тег Hasg из URL-адреса в angular ng-view

Я использую angularJS для создания веб-сайта и использую библиотеку angular-route для просмотра различных страниц веб-сайта. мой веб-сайт работает хорошо, но в URL-адресе есть хеш-тег, когда я перехожу на разные представления. для удаления хэш-тега я использую

$locationProvider.html5Mode(true);

но это не работает при обновлении страницы. Мой код приведен ниже: - 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'
    })

}]);


javascript angularjs ng-view
person asb14690    schedule 21.01.2015    source источник
comment
вверху index.html у вас есть ‹! doctype html›?   -  person user12121234    schedule 21.01.2015
comment
да, у меня есть ‹! DCTYPE html› в верхней части index.html   -  person asb14690    schedule 21.01.2015
comment
вы включили angular-route.js в свой index.html?   -  person user12121234    schedule 21.01.2015
comment
на странице перезагрузки f это не работает. например: если я нахожусь на www.mysitename.com/about при перезагрузке этой страницы, я получил ошибку "страница не найдена"   -  person asb14690    schedule 21.01.2015

Ответы (3)


arrow_upward
1
arrow_downward

Использовать:-

<base href="/" />

И вставьте это в свой заголовок :-)

person squiroid    schedule 21.01.2015

arrow_upward
0
arrow_downward

Я предлагаю вам использовать $ stateProvider, $ routeProvider не предлагают многие эксперты Angularjs. И $ stateProvider имеет больший контроль над маршрутом, чем $ routeprovider.

видеть

Использование $ routeProvider с $ stateProvider

person virender    schedule 21.01.2015

arrow_upward
0
arrow_downward

Убедитесь, что у вас <!doctype html> вверху index.html.

person user12121234    schedule 21.01.2015