如何计算页面上的手表总数？

Question

在JavaScript中，有没有一种方法可以计算整个页面上有角度的手表的数量？

我们使用Batarang，但它并不总是适合我们的需求。我们的应用程序很大，我们对使用自动化测试来检查手表计数是否增加过多感兴趣。

在每个控制器的基础上计数手表也将很有用。

编辑 ：这是我的尝试。它在ng-scope类中将手表计入所有内容。

(function () {
    var elts = document.getElementsByClassName('ng-scope');
    var watches = [];
    var visited_ids = {};
    for (var i=0; i < elts.length; i++) {
       var scope = angular.element(elts[i]).scope();
       if (scope.$id in visited_ids) 
         continue;
       visited_ids[scope.$id] = true;
       watches.push.apply(watches, scope.$$watchers);
    }
    return watches.length;
})();

Answer 1

（您可能需要更改body为html或放置在任何位置ng-app）

(function () { 
    var root = angular.element(document.getElementsByTagName('body'));

    var watchers = [];

    var f = function (element) {
        angular.forEach(['$scope', '$isolateScope'], function (scopeProperty) { 
            if (element.data() && element.data().hasOwnProperty(scopeProperty)) {
                angular.forEach(element.data()[scopeProperty].$$watchers, function (watcher) {
                    watchers.push(watcher);
                });
            }
        });

        angular.forEach(element.children(), function (childElement) {
            f(angular.element(childElement));
        });
    };

    f(root);

    // Remove duplicate watchers
    var watchersWithoutDuplicates = [];
    angular.forEach(watchers, function(item) {
        if(watchersWithoutDuplicates.indexOf(item) < 0) {
             watchersWithoutDuplicates.push(item);
        }
    });

    console.log(watchersWithoutDuplicates.length);
})();

• 感谢erilem指出此答案缺少$isolateScope搜索，并且观察者可能在他/她的答案/评论中重复。

• 感谢Ben2307指出'body'可能需要更改。

原版的

除了检查HTML元素的data属性而不是其类之外，我执行了相同的操作。我在这里跑了你的：

http://fluid.ie/

拿到了83。我跑了我，拿到了121。

(function () { 
    var root = $(document.getElementsByTagName('body'));
    var watchers = [];

    var f = function (element) {
        if (element.data().hasOwnProperty('$scope')) {
            angular.forEach(element.data().$scope.$$watchers, function (watcher) {
                watchers.push(watcher);
            });
        }

        angular.forEach(element.children(), function (childElement) {
            f($(childElement));
        });
    };

    f(root);

    console.log(watchers.length);
})();

我也把这个放在我的：

for (var i = 0; i < watchers.length; i++) {
    for (var j = 0; j < watchers.length; j++) {
        if (i !== j && watchers[i] === watchers[j]) {
            console.log('here');
        }
    }
}

而且没有打印出来，所以我猜我的更好（因为它找到了更多的手表）-但是我缺乏深入的角度知识来确定我的不是解决方案集的适当子集。