Angularjs 基于模型状态更新url

Angularjs 基于模型状态更新url,angularjs,ngroute,Angularjs,Ngroute,我有一个基本的angular应用程序,它列出了一天中的事件。用户可以通过在日历ui日历中单击来更改日期。在我的控制器中,我选择了一个日期类型为Day的模型对象 当前应用程序url为: 我已将ngroute配置为也接受以下形式的url 这很好,但我希望在用户单击日历时更新url并匹配我的模型对象 因此,如果用户在3月1日单击。在日历中,我想用这个新日期更新url 这可以通过ngroute完成,还是需要使用其他插件?查看$routeParams文档: 更改路由url以接受“getDate”参数或

我有一个基本的angular应用程序,它列出了一天中的事件。用户可以通过在日历ui日历中单击来更改日期。在我的控制器中,我选择了一个日期类型为Day的模型对象

当前应用程序url为:

我已将ngroute配置为也接受以下形式的url

这很好,但我希望在用户单击日历时更新url并匹配我的模型对象

因此,如果用户在3月1日单击。在日历中,我想用这个新日期更新url


这可以通过ngroute完成,还是需要使用其他插件?

查看$routeParams文档:

更改路由url以接受“getDate”参数或类似的内容

/when("/daypicker/:getDate?",...)
那个?将其标识为可选参数

app.controller("daypickerController", function($scope, $routeParams){
   alert($routeParams.getDate);
})
将$routeParams注入控制器路由并使用它读取参数

app.controller("daypickerController", function($scope, $routeParams){
   alert($routeParams.getDate);
})
然后,每当用户更改日期时,请调用

$location.path('/daypicker/' + date);
其中date是表示日期的字符串。即2015年1月16日