活到老学到老  

记录遇到问题的点点滴滴。

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

8年前发布  · 1387 次阅读

我构建一个仪表板系统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
});