如何:AngularJS路由刷新

VecihiBaltacı

我试图制作一个包含多个视图作为模板的应用程序。模板位于该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()方法,但是,这并不为我工作。也许我在某些方面是错的。

VecihiBaltacı

解决了!我无法使用ngRoute管理刷新。然后,我将其转换为ui路由器。我用网址声明状态。刷新工作正常。感谢您的评论和回答。也许这会帮助某人。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章