首页 > 解决方案 > angular js - 更改路径但不重新加载控制器

问题描述

我在这里尝试了解决方案:https ://www.consolelog.io/angularjs-change-path-without-reloading/

app.run(['$route', '$rootScope', '$location', function ($route, $rootScope, $location) {
    var original = $location.path;
    $location.path = function (path, reload) {
        if (reload === false) {
            var lastRoute = $route.current;
            var un = $rootScope.$on('$locationChangeSuccess', function () {
                $route.current = lastRoute;
                un();
            });
        }
        return original.apply($location, [path]);
    };
}])

但是我设置的路径只是被消耗并恢复到原来的样子。

标签: angularjsngroute

解决方案


ngRoute 路由器的默认行为是ngView在路径更改并且新 URL 映射到当前路由时重新加载。

如果该reloadOnSearch选项设置为false,ngRoute 将不会在仅或更改时重新加载路由:$location.search()$location.hash()

app.config(function($routeProvider) {
    $routeProvider.when("/foo", {
        templateUrl: 'foo.html',
        controller: 'fooController',
        reloadOnSearch: false
    });
})

该应用程序调用:

$location.hash({pageNumber: n});

$routeUpdate根范围内广播事件(无需重新加载路由)。1


推荐阅读