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

最新推荐文章于 2020-04-30 14:53:20 发布

大爱无疆强

最新推荐文章于 2020-04-30 14:53:20 发布

阅读量3.8k

点赞数 1

分类专栏： AngularJs 文章标签： routeProvider

AngularJs 专栏收录该内容

47 篇文章

订阅专栏

本文探讨了在AngularJS中实现深度链接的问题，特别是如何在不触发视图重新渲染的情况下更新URL。作者正在构建一个仪表板系统，希望实现小部件的最大化视图并通过URL直接访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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