javascript - 如何让 AngularJS 路由器在导航时更新 Controller 值，而不是重新加载整个 Controller ？

Question

我有一个大型且复杂的 View ，在 /dailyReport/:dayId 这样的路线上提供服务

当用户在不同的每日报告之间导航时，我只想使用新的 dayId 更新 DailyReportController，而不是重新加载整个 Controller 。

我怎样才能做到这一点？

Answer 1

您可以使用 $location.search() 和 reloadOnSearch: false，然后在查询字符串中传递 dayId:

.when('/dailyReport', {
    templateUrl: 'view.html',
    controller: 'MainCtrl',
    reloadOnSearch: false
})

要在 dayId 更改时收到通知:

$scope.$on('$routeUpdate', function(){
  console.log($location.search().dayId);
});

然后链接到新的一天:

<a href="#/dailyReport?dayId=2">Change day to 2</a>

Plunkr