我试图制作一个包含多个视图作为模板的应用程序。模板位于该js/app/pages/
文件夹下。我有2个模板来显示和路由。我的路由部分是:
var app = angular.module("myApp", ['ngRoute', 'ngMaterial']);
app.config(function ($routeProvider, $locationProvider) {
$routeProvider
.when('/Page', {
templateUrl: 'js/app/pages/Page.html',
controller: 'pageController',
reloadOnSearch: false
})
.when('/Settings', {
templateUrl: 'js/app/pages/Settings.html',
controller: 'settingsController',
reloadOnSearch: false
})
.when('/Admin', {
templateUrl: 'js/app/pages/Admin.html',
controller: 'adminController',
reloadOnSearch: false
})
.otherwise({
redirectTo: '/Page'
});
$locationProvider.html5Mode(true);
});
而且我的html文件包含
<div id="menu"></div>
<div ng-view></div>
Menu div包含在页面之间路由我的菜单元素。例如,当我在浏览器上运行此站点时,URL将为localhost / Page,而当我单击设置按钮时,URL将更改为localhost / Settings。但是当我按下F5键盘上的按钮时。页面给我错误The resource cannot be found.
。
我在互联网上搜索“如何在angularjs中刷新路由页面”并找到了一些解决方案,但我无法让它们为我工作。我试着$route.reload()
和$routeUpdate()
方法,但是,这并不为我工作。也许我在某些方面是错的。
解决了!我无法使用ngRoute管理刷新。然后,我将其转换为ui路由器。我用网址声明状态。刷新工作正常。感谢您的评论和回答。也许这会帮助某人。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句