使用angular.js路由路径时出现问题

时间:2015-10-01 11:49:39

标签: javascript angularjs

我在使用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/时,所需的网页即将到来,但在获取网页后,地址栏网址显示为oditek.in/Gofast/#/。这是我收到的不需要的{ {1}}使用此网址并需要删除此内容。请帮我解决此问题。

1 个答案:

答案 0 :(得分:2)

您需要启用html5Mode并在标记中指定<base>网址值,如下所示。

<强> app.js

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

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

   // remaining router config goes here
});

通常情况下,<base>内部有<head>,但如果你有CSS&amp;在<head>之外的JS文件,然后将其添加到HTML页面的底部,可能在所有CSS和JS文件之后,在关闭<body>之前,定义如下所示的baseURI。

<base href="/Gofast/">