2015-01-21 53 views
3

我正在使用angularJS構建網站並使用角度路由庫查看網站的不同頁面。我的網站運行良好,但當我在不同的視圖上移動時,網址中有一個哈希標記。去除哈希標籤我使用Clean URL或從角度ng-view中刪除Hasg標記

$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' 
    }) 

}]);

+0

位於index.html的頂部你有<!d octype html>? – wbeange 2015-01-21 06:56:33

+1

是的,我在index.html的頂部有<!DCTYPE html> – asb 2015-01-21 06:59:49

+0

您是否在您的index.html中包含了angular-route.js? – wbeange 2015-01-21 07:03:11

回答

0

請確保您有<!doctype html>在您的index.html頂部

1

用途: -

<base href="/" /> 

,並把這個在你的腦袋標籤: - )

+0

這不工作在頁面加載 – asb 2015-01-21 11:53:03

+0

不工作,只是得到了一個白色的屏幕 – Matthew 2015-10-14 03:26:48