每當我加載新的鏈接，它被重定向到我的家庭鏈接角js

Question

我無法弄清楚爲什麼會發生這種行爲。每次嘗試通過單擊錨點來加載新位置時，都會重定向到根位置。我正在建立我的應用程序在子目錄http://localhost/myapp/。請看下面的代碼。 下面是HTML代碼：

<ul class="nav navbar-nav navbar-right"> 
     <li><a href="!#/">Home</a></li> 
     <li><a href="!#/insertLeaveDetails">Insert Leave</a></li> 
     <li><a href="!#/currentYearDetails">Current Year</a></li> 
     </li> 
</ul> 

下面是腳本：

var app = angular.module('leaveApp',['ngRoute']); 

app.config(['$routeProvider',function($routeProvider){ 
    $routeProvider 
    .when('/',{ 
     templateUrl : 'templates/temp.php', 
     controller : 'homeCtrl' 
    }) 
    .when('/insertLeaveDetails',{ 
     templateUrl : 'templates/temp.php', 
     controller : 'insertLeaveDetailsCtrl' 
    }) 
    .when('/currentYearDetails',{ 
     templateUrl : 'templates/temp.php', 
     controller : 'currentYearDetailsCtrl' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}]); 

app.controller('homeCtrl',['$scope',function($scope){ 
    console.log('home ctrl'); 
    $scope.msg = 'This is home ctrl'; 
}]); 

app.controller('insertLeaveDetailsCtrl',['$scope',function($scope){ 
    console.log('insert ctrl'); 
    $scope.msg = 'This is leave ctrl'; 
}]); 

app.controller('currentYearDetailsCtrl',['$scope',function($scope){ 
    console.log('current deatail ctrl'); 
    $scope.msg = 'This is current year ctrl'; 
}]); 

Answer 1

爲$locationProvider.hashPrefix的默認值是 「！」。這意味着，除非你改變供應商價值，你的鏈接應該像

<ul class="nav navbar-nav navbar-right"> 
    <li><a href="#!/">Home</a></li> 
    <li><a href="#!/insertLeaveDetails">Insert Leave</a></li> 
    <li><a href="#!/currentYearDetails">Current Year</a></li> 
</ul>