watch dom 基于DOM的Angular元素监听
watch-dom:观察DOM的Angular $watch
看守所什么?
有效地观察DOM元素(或其后代)的变化。
为什么?
Angular的$watch通常用来观察$scope上的属性变化,因为在Angular中,$scope是数据的事实来源。对于大多数用例来说,这种模式效果很好。然而,在一些场景下,您可能希望模块解耦,使DOM成为事实的基本来源。
如何使用?
使用默认配置的watchDom.$watch(DOMElement, function (newValue, oldValue) {...});可以实现对DOM的监听。
例如:
var props = { subtree: true, attributeFilter: ['foo', 'bar'] };
watchDom.$watch(DOMElement, function (newValue, oldValue) {
// 执行某些操作
});
这样便可以在指定属性发生变化时执行对应操作。此方法支持自定义属性过滤,确保模块灵活性和解耦性。
下载地址
用户评论