您的位置:首页 > Web前端 > AngularJS

Angular 改变url参数而不重新视图

2013-11-21 20:59 337 查看
我构建一个仪表板系统AngularJS,我遇到一个问题通过$location.path与设置的url

在我们的指示板,我们有一堆的小部件。每个显示更大的最大化观点当你点击它。我们正试图设置深度链接,允许用户链接到一个仪表板部件最大化。

目前,我们有两个路线,看起来像/dashboard/:dashboardId和/dashboard/:dashboardId/:maximizedWidgetId

当用户最大化一个小部件,我们更新url使用位置。路径,但这是导致视图重新呈现。因为我们所有的数据,我们不想重新加载整个看来,我们只是想更新URL。有办法设置url不会引起重新呈现的视图吗?

HTML5Mode被设置为true。

App.config(function($routeProvider) {
$routeProvider.when('/dashboard/:dashboardId', {reloadOnSearch: false});
});
<a href="#/dashboard/1?maximizeWidgetId=1">Maximum This Widget</a>
or
$location.search('maximizeWidgetId', 1);

$scope.$on('$routeUpdate', function(scope, next, current) {
// Minimize the current widget and maximize the new one
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: