当模型在Angular中更改时,自动更新深度链接的url
Auto-update deep-linked url when model changes in Angular
所以。我一直在AngularJS中闲逛(我使用它的每一分钟都会让我感到惊讶),我想知道,当使用$routeProvider和$routeParams时,是否有任何方法可以强制浏览器中位置栏中的当前url/location/deep链接在页面上的某些模型更改时自动更新?
这是我正在摆弄的应用程序。这是angular网站上教程中的应用程序,只是我已经把它搞砸了,并添加了一些功能,比如分页。如果您注意到,访问此链接后,您将被重定向到#/phones//age/5/0
。第一段是控制器,而最后4段分别描述了过滤器、文本查询、排序依据的"列"、每页项目数和页码。
控制器通过$routeParams接收这些信息,并像正常情况一样更新模型/视图,但当用户更改模型/视图时,我如何强制url自动更改?因此,如果您第一次访问时在页面的查询框中键入xoom
,则位置栏中的url一键入就会变为http://brandonep.org/angular-test-phonecat/#/phones/xoom/age/5/0
。
提前感谢!很抱歉,如果我不清楚,但我已经尽力了:P
我会在您的url(/?a=1&b=2
)上使用参数,然后将$routeParams
注入控制器以解释控制器加载上的参数。
然后,您可以使用$watch
来观察您的模型,每次更改时都设置window.location.url
。以下是一个示例:http://jsfiddle.net/andytjoslin/eYJmR/
相关文章:
- Javascript循环不会自我更新
- 添加文字和评论功能更新Div
- AngularJS:ng之后,重复$scope值未按预期更新
- 如何通过数组更新角度子范围
- Ajax聊天消息重复而不仅仅是更新
- 通过CSV文件上载更新数据库表
- 平均值:无法将数据更新到数据库
- $rootScope未使用forEach进行更新
- d3基于用户选择动态更新节点
- 有条件更新d3.js力图中节点的最佳方法
- Angular:更新一次性绑定的数据
- Javascript更新孙窗口中的表单元素
- 使用AngularJS中的筛选器更新给定的表
- 从选项页面更新chrome扩展清单权限
- 从knockout.js中的另一个对象更新一个深度结构化的javascript对象
- 当模型在Angular中更改时,自动更新深度链接的url
- AngularJS:深度对象修改后视图不更新
- 如何在不可变JS中存储和更新深度嵌套的结构
- Immutablejs-使用Immutablejs更新深度嵌套树
- Angular:深度作用域遍历和更新