[AngularJS 请教] 如何在 directive 中 watch 某 scope 上的所有属性的变化？

[hustlzp]

有这样一个需求，我需要写一个A类型的directive，监控当前DOM元素对应的scope上的属性变化。

当然，如果事先知道了这个属性的名字（比如val），可以这样写：

restrict: 'A',
link: function (scope, element, attrs) {
--scope.$watch('val', function() {
----// DOM操作
--});
}


但是这样的话耦合太紧了，能否监控scope上的所有属性？而不需指定某属性的name？

有一种方法就是将$watch方法中的listerner（第二个参数）当做watchExpression（第一个参数）传进去：

restrict: 'A',
link: function (scope, element, attrs) {
--scope.$watch(function() {
----// DOM操作
--});
}

但这样性能损耗相当大，每次$digest执行的时候都要执行好多遍DOM操作...

大家遇到过这种情形没？求指点啊！

[timonwong]

scope.$watch(function() {
return [attrs.name1, attrs.name2, ...]; // Return an array of attribute names here, or get keys directly from attrs
}, function() {
// action, DOM 操作
});

[hustlzp]

@timonwong Thanks!