Angular 改变url参数而不重新视图
2013-11-21 20:59
337 查看
我构建一个仪表板系统AngularJS,我遇到一个问题通过$location.path与设置的url
在我们的指示板,我们有一堆的小部件。每个显示更大的最大化观点当你点击它。我们正试图设置深度链接,允许用户链接到一个仪表板部件最大化。
目前,我们有两个路线,看起来像/dashboard/:dashboardId和/dashboard/:dashboardId/:maximizedWidgetId
当用户最大化一个小部件,我们更新url使用位置。路径,但这是导致视图重新呈现。因为我们所有的数据,我们不想重新加载整个看来,我们只是想更新URL。有办法设置url不会引起重新呈现的视图吗?
HTML5Mode被设置为true。
在我们的指示板,我们有一堆的小部件。每个显示更大的最大化观点当你点击它。我们正试图设置深度链接,允许用户链接到一个仪表板部件最大化。
目前,我们有两个路线,看起来像/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 });
相关文章推荐
- 页面跳转传参:参数过长(cookie,url , AngularJs controller 传参实现)
- *jqGrid更改url发送参数并重新加载
- 详解React-Router中Url参数改变页面不刷新的解决办法
- 改变URL不改变,不请求参数
- 微信小程序js文件改变参数并在视图上及时更新【推荐】
- MVC中使用分部视图参数,改变分部视图连接样式
- Django的URLconf中使用缺省视图参数的方法
- 改变地址栏的URL的参数的时候,提示用户无权执行操作
- js函数:改变页面url替换指定传入参数的值
- js获取URL请求参数与改变src
- thinkphp 3.2视图里添加URL参数 实例
- Angular $location 获取 url 参数
- 在指定的URL上添加参数并改变参数
- 一个angular版的url中获取参数的插件
- ExtJS动态改变grid的store的url地址,重新加载grid的数据
- 初学django2-基于类的视图中获取URL参数
- 获取当前页面url中的参数 coffeescript+node.js+angular
- 对URL中的参数验证,防止用户恶意改变差数值。
- angular url参数获取,修改以及端口获取等
- 如何从angular2中的url获取查询参数?