javascript - angularjs中$watch调用的函数可以传递参数吗?

Question

$scope.getdetail = function() {

                   // 通过$watch currentPage和itemperPage 当他们一变化的时候，重新获取数据条目
                   $scope.$watch('paginationConf.currentPage + paginationConf.itemsPerPage', reGetProducts('1'));
                   $("#Bigp").css({ display: "block", height: $(document).height(), width: $(document).width() });
                   $('#turemoney_detail').css("display", "block");
               }

reGetProducts如果不加括号不写参数的话,在变化的时候就能自动执行,但是传递参数后就无法
正常执行了，能解决吗?

Answer 1

因为$watch本身的第二个参数是一个函数：function(newVal, oldVal){},当按照你的的方式传递参数之后，就成了函数返回值，当然后面就无法正常执行了。
如果非要传递参数，那么可以使用

(function(param){
    return function(newVal, oldVal){
     //具体监控要执行的事情。
    };
})(1)

Answer 2

......
函数名加上括号是立即执行啊
你想要这个表达式每次变化都执行你可以这样啊

$scope.$watch('paginationConf.currentPage + paginationConf.itemsPerPage', function (newVal, oldVal) {
  reGetProducts('1')
})

Answer 3

你有很多传参数的方法，像@jay_m_hu那种就是利用闭包传，你的reGetProducts函数返回的是另一个函数：

function reGetProducts(param){
// 它的返回值是watch的回调函数
// 此时param是闭包的一部分，可以在下面的函数中访问
    return function(newVal, oldVal){
     //具体监控要执行的事情。
    };
}

另一种方法就是把你的状态存到scope中，这样在angular作用域内，你都能用scope.xxx访问到它。