重新访问时AngularJS路线不工作
我正在开发一个AngularJS应用程序。我对AngularJS是新手。我正在使用AngularJS路线开发单页应用程序。下面是我如何配置我的路线重新访问时AngularJS路线不工作,angularjs,angularjs-routing,Angularjs,Angularjs Routing,我正在开发一个AngularJS应用程序。我对AngularJS是新手。我正在使用AngularJS路线开发单页应用程序。下面是我如何配置我的路线 app.config(function($routeProvider){ $routeProvider .when('/',{ templateUrl : "admin/template" }) .when('/account',{ templateUrl : "admin/account/edit" }) }); 我用简单
app.config(function($routeProvider){
$routeProvider
.when('/',{ templateUrl : "admin/template" })
.when('/account',{ templateUrl : "admin/account/edit" })
});
我用简单的页面测试了我的路由配置是否正常。简单页面意味着我只为每个页面添加了一个html标题,如下所示
<h1>Page 1</h1>
<h1>Page 2</h1>
问题如下
第一步
步骤2
步骤3
当我再次访问第1页(主页)时,为什么它不起作用。我刚刚将您的代码闲置: 对我来说,您的页面URL中缺少一条斜线,如下所示:
<a href="#/">Home</a>
我刚刚删除了您的代码: 对我来说,您的页面URL中缺少一条斜线,如下所示:
<a href="#/">Home</a>
或者您可以将模块配置为使用HTML5模式。您不需要在锚点等元素中的路线开始处使用“#”,或者您可以将模块配置为使用HTML5模式。您不需要在锚点等元素中的路线开始处使用“#”,您是否检查了导航器控制台?显示时有错误吗?是的。没有显示eror。您检查过导航器的控制台吗?显示时有错误吗?是的。没有色情表演。非常感谢你的支持。我解决了我的问题。非常感谢你的支持。我解决了我的问题。
app.controller('DefaultController', ['$scope', 'Upload', '$timeout', '$http', function ($scope, Upload, $timeout , $http) {
$scope.init = function()
{
$scope.getTemplates(1);
}
$scope.templates = new Array();
$scope.totalItems = 0;
$scope.currentPage = 0;
$scope.createResult = false;
$scope.uploadPic = function(file,uploadUrl) {
file.upload = Upload.upload({
url: uploadUrl,
data: { prioritized : $scope.prioritized , file: file},
});
file.upload.then(function (response) {
$timeout(function () {
$scope.createResult = response.data.status;
if(response.data.status)
{
$scope.clearForm();
$scope.getTemplates(1);
}
else{
$scope.createResult = false;
}
});
}, function (response) {
if (response.status > 0)
$scope.errorMsg = response.status + ': ' + response.data;
}, function (evt) {
// Math.min is to fix IE which reports 200% sometimes
//file.progress = Math.min(100, parseInt(100.0 * evt.loaded / evt.total));
});
}
$scope.clearForm = function()
{
$scope.picFile = null;
$scope.prioritized = false;
}
$scope.pageChanged = function()
{
$scope.getTemplates($scope.currentPage);
}
$scope.getTemplates = function(page)
{
$http.get($scope.getTemplatesUrl+"?page="+page).then(function(response){
var list_data = response.data.list_data;
$scope.templates = list_data.data;
$scope.totalItems = list_data.total;
$scope.currentPage = page;
});
}
}]);
<a href="#/">Home</a>