首页 > angularjs中$watch调用的函数可以传递参数吗?

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

$scope.getdetail = function() {

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

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


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

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

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

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

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

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

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

【热门文章】
【热门文章】