根据模型状态更新URL

Question

我有一个基本的角度应用程序，它列出了一天的事件。用户可以通过单击日历（angular-ui-calendar）来更改日期。在我的控制器中，我有一个模型对象＆＃34; selectedDay＆＃34;日期类型。

目前，应用网址为： http://localhost/app#/daypicker

我已将ngroute配置为也接受url的形式 http://localhost/app#/daypicker/2015-02-15

这很好用，但我希望在用户点击日历时更新网址并匹配我的模型对象。

因此，如果用户点击日历中的行军1.我希望使用此新日期更新网址。 （http://localhost/app#/daypicker/2015-03-01）

可以使用ngroute完成，还是需要使用其他插件？

Answer 1

查看$ routeParams docs here：

更改您的路线网址以接受“getDate”＆＃39;参数或类似的东西

/when("/daypicker/:getDate?",...)

？将其标识为可选参数。

将$ routeParams注入控制器路由并使用它来读取参数。

app.controller("daypickerController", function($scope, $routeParams){
   alert($routeParams.getDate);
})

然后，只要您的用户更改日期，请致电

$location.path('/daypicker/' + date);

其中date是表示日期的字符串。即。 16-01-2015