http://example.com/#/album/0과 같은 URL을 제거하려고 시도하고 있습니다. 더보기는 http://example.com/album/0입니다.Angular JS가 작동하지 않는 URL에서 해시를 제거합니다.
다음 코드를
(function() {
var app = angular.module('chp', ['ngRoute', 'projectControllers']);
app.config(['$routeProvider', '$locationProvider',
function($routeProvider, $locationProvider) {
$routeProvider.
when('/', {
templateUrl: 'partials/directory.html',
controller: 'ProjectsCtrl'
}).
when('/album/:id', {
templateUrl: 'partials/album.html',
controller: 'ProjectDetailCtrl'
}).
otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(true);
}]);
var projectControllers = angular.module('projectControllers', []);
projectControllers.controller('ProjectsCtrl', ['$scope', '$http',
function ($scope, $http) {
$scope.projects = albums;
$scope.filters = { };
}]);
projectControllers.controller('ProjectDetailCtrl', ['$scope', '$routeParams', '$sce',
function($scope, $routeParams, $sce) {
$scope.project = albums[$routeParams.id];
})();
을 가지고 있지만이 휴식 완전히 한 번 내가 같이 세 가지 장소에서 $ locationProvider에 추가 내 응용 프로그램을 일으키는 것입니다. 왜 이것이 나를 위해 일하지 않는지에 대한 어떤 생각? 또한 jquery 및 angular.js 바로 뒤에 angle-route.js를 포함하여 문제가되지 않도록
왜 당신이 당신의 모든 컨트롤러에'$ locationProvider'를 주입 할 것이다 당신의 index.html 파일에
<head></head>
내부<base href="/" />
을 추가해야 할 수 있습니다? '$ locationProvider.html5Mode (true);'는'/ # /'을 제거해야하고, 다른 것은 필요 없습니다. –