AngularJS-在路由更改时刷新控制器作用域

Question

Was wondering what is the best way to refresh controller scope on route change?

Any help would be appreciated!

Answer 1

I would refactor to have all my initialisation of data properties on the scope in a single function, called something like initScope() that is called when the controller is first run, and also on the $routeChangeSuccess (and probably also $routeChangeUpdate if you want to handle changes to the URL that resolve to the same route) event(s).

eg

app.controller('MyCtrl', ['$scope', function ($scope) {
    function initScope() {
        $scope.foo = 1;
        $scope.bar = { ram: 'ewe' };
    }

    initScope();

    $scope.$on('$routeChangeUpdate', initScope);
    $scope.$on('$routeChangeSuccess', initScope);
}