3

我正在使用 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>

应用程序.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'
    })

}]);

4

3 回答 3

1

利用：-

<base href="/" />

并将其放在您的头部标签中:-)

于 2015-01-21T07:03:55.270 回答
0

我建议你使用 $stateProvider ，许多 Angularjs 专家不建议使用 $routeProvider 。并且 $stateProvider 比 $routeprovider 对路由有更多的控制权。

看

将 $routeProvider 与 $stateProvider 一起使用

于 2015-01-21T06:56:49.530 回答
0

确保您<!doctype html>在 index.html 的顶部

于 2015-01-21T06:57:14.700 回答