2015-10-01 87 views
0

您好,我有一個小問題,同時使用angular.js.路由路徑。我解釋我的代碼如下。使用angular.js路由路徑時出現問題

app.js:

var GoFastoApp=angular.module('GofastoHome',['ngRoute']); 
GoFastoApp.config(function($routeProvider) { 
    $routeProvider 
    .when('/',{ 
     templateUrl : 'view/home.html', 
     controller : 'homecontroller' 
    }) 
    .when('/deptinfo',{ 
     templateUrl : 'view/info.html', 
     controller : 'infocontroller' 
    }) 
    .when('/TimeTable',{ 
     templateUrl : 'view/time.html', 
     controller : 'timecontroller' 
    }) 
    .when('/course',{ 
     templateUrl : 'view/course.html', 
     controller : 'coursecontroller' 
    }) 
    .when('/subject',{ 
     templateUrl : 'view/subject.html', 
     controller : 'subjectcontroller' 
    }) 
    .when('/hod',{ 
     templateUrl : 'view/hod.html', 
     controller : 'hodcontroller' 
    }) 
    .when('/faculty',{ 
     templateUrl : 'view/faculty.html', 
     controller : 'facultycontroller' 
    }) 
}) 

時,我的瀏覽器所需要的頁面來的地址欄上,但得到的地址欄輸入的網址顯示oditek.in/Gofast/#/頁面後輸入URL oditek.in/Gofast/ 。在這裏,我收到了不想要的#,並且需要刪除這個。請幫我解決這個問題。

+0

你打開了html5模式嗎? –

+1

看看這個[答案](http://stackoverflow.com/questions/32757368/angular-new-router-remove-from-url/32758015#32758015) – Arkantos

+0

@BasSlagter:是的。 – satya

回答

2

您需要啓用html5Mode並在您的標記中指定<base> URL值,如下所示。

app.js

GoFastoApp.config(function($routeProvider, $locationProvider) { 

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

    // remaining router config goes here 
}); 

通常它最好有<base><head>裏面,但如果你有<head>外CSS & JS文件,然後在你的HTML頁面的底部添加它,可能畢竟CSS和JS文件,在關閉<body>之前,請像下面那樣定義baseURI。

<base href="/Gofast/">