在 AngularJS 中更改路由后再次运行函数

Question

所以我有一个主控制器和另外两个：

calculatorApp.controller('companybController', function($scope, $http) {
  //define the hardware data
  $scope.customs.prodoc = 'companyb';
});

calculatorApp.controller('companyaController', function($scope, $http) {
  $scope.customs.prodoc = 'companya';
});

// create the controller and inject Angular's $scope
calculatorApp.controller('mainController', function($scope, $http) {
  $scope.customs = {
    prodoc : ''
  };
});

但是在切换路线时 - 这有效：{{customs.prodoc}}，但似乎使用它的函数在加载新视图时不会再次运行 - 导致应用程序使用旧值。

如何在视图更改后再次运行使用更改的$scope.customs.prodoc 的函数？

这是使用它的函数 - 我在 mainController 中有它，但不确定它是否属于那里。

$http.get($scope.customs.prodoc+'/products.json').success(function(thisdata) {
        $scope.products = []
        angular.forEach(thisdata, function(product) {
            $scope.products.push(product);
        });
        console.log($scope.products);
    });

$scope.change = function() {
// Suggest product
        $scope.suggested = {}
        var length = ($scope.products).length;
        for(i=0; i<length; i++){
            if($scope.products[i].CAMERA_MAX>=$scope.totals.cameras){
                $scope.suggested = $scope.products[i];
                break;
            }else{

            }

        }
}

Answer 1

我会使用 $routeChangeSuccess 来做你所说的

$scope.$on("$routeChangeSuccess", function($currentRoute, $previousRoute) {
    $scope.customs.prodoc = $scope.routeParams.prodoc;
});