在Angular中更改模型时自动更新深层链接的URL

Bra*_*don 8 javascript url-routing angularjs

所以.我一直在搞乱AngularJS(我每次使用它都会让我感到惊讶)我想知道,当使用$ routeProvider和$ routeParams时,是否有任何方法可以强制使用当前的url/location/deep-link浏览器中的位置栏会在页面上的某些模型更改时自动更新?

这是我正在搞乱的应用程序. 它是来自angular网站上的教程的应用程序,除了我已经搞砸了它并添加了一些功能,如分页.如果您发现,在访问此链接时,您将被重定向到#/phones//age/5/0.第一个段是控制器,而后四个段分别描述过滤器,文本查询,排序的"列",每页的项目数和页码.

这个控制器通过$ routeParams获取这些并正常更新模型/视图,但是当用户更改模型/视图时,如何强制url自动更改?因此,如果您xoom在第一次访问时在页面上键入查询框,则位置栏中的URL将http://brandonep.org/angular-test-phonecat/#/phones/xoom/age/5/0在您键入后立即更改.

提前致谢!抱歉,如果我不清楚,但我尽力了:P

And*_*lin 4

我将在您的 url ( ) 上使用参数/?a=1&b=2,然后注入$routeParams您的控制器以解释控制器负载上的参数。

然后你可以用来$watch观察你的模型,以及每次它改变时的设置window.location.url。这是一个例子: http: //jsfiddle.net/andytjoslin/eYJmR/