我是angularJS的新手。
我正在尝试使用ng-route和ng-view制作一个小的角度应用程序。当用户单击登录按钮时，URL将从localhost:8000更改为localhost:8000/login。
现在，如果用户重新加载页面，则/login的视图将被加载到
页面加载。
这是我使用ng-app和ng-controller的HTML文件。
<html ng-app="loginSignUpApp">
<head>...</head>
<body ng-controller="mainController">
<div ng-view></div>
</body>
</html>
现在，如果用户从
localhost:8000开始并单击登录按钮，则一切正常。但是在单击登录按钮后，如果用户重新加载页面，则不会触发loginController。该视图未渲染。var app = angular.module('loginSignUpApp', ['ngMaterial', 'ngRoute', 'ngAnimate']);
app.controller('mainController', function($scope, $route, $routeParams, $location, $window, serviceFunctions) {
$scope.gotoPath = function (url) {
$location.path( url );
if(!$scope.$$phase) $scope.$apply()
}
})
.controller('loginController', function($scope, $route, $routeParams, $location, $window, serviceFunctions, $http) {
// some work...
})
.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/login', {
title : 'Login',
templateUrl: 'signIn.html',
controller: 'loginController'
})
.otherwise({
title : 'Landing Page',
redirectTo:'/',
controller: 'mainController'
})
$locationProvider.html5Mode(true);
})
.run(['$rootScope', '$route', function($rootScope, $route) {
$rootScope.$on('$routeChangeSuccess', function() {
angular.element('title').html($route.current.title);
});
}]);
我正在使用Django作为后端和角度渲染视图。
任何帮助将不胜感激。先谢谢了。
最佳答案
您应该配置服务器，因为使用html5mode时，服务器无法将后部和前部分开。这是Apache https://ngmilk.rocks/2015/03/09/angularjs-html5-mode-or-pretty-urls-on-apache-using-htaccess/的示例