angularJS添加事件监听

最新推荐文章于 2021-01-26 15:12:46 发布

转载最新推荐文章于 2021-01-26 15:12:46 发布 · 6.4k 阅读

Javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用AngularJS中的$watch方法来监听对象及其内部属性的变化，并提供了具体的代码示例。通过监听设置值的变化，可以实现对特定业务逻辑的响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angularJS添加监听事件

如果你想监听对象是否变化，只需要写一个事件。

$scope.$watch('setting.enable', function(newValue, oldValue) {
            if (newValue === oldValue) { return; }
	    if (!$scope.setting.enable) {
		$scope.setting.isTrue=false;
	    }
});

如果你想监听对象内部的属性值是否变化，则需要写两个监听事件。以下是例子，存下来供参考

$scope.$watch('setting.enable', function(newValue, oldValue) {
        if (newValue === oldValue) { return; }
		if (!$scope.setting.enable) {
			$scope.setting.isTrue=false;
		}
      		$scope.$broadcast('valueUpdate', newValue.name); 
  	},true);
$scope.$on('valueUpdate',function(d,data){
    	console.info(data);//其中：d为上一个事件，data为newValue.name
})