javascript - AngularJS:如何从过滤器中获取 DOM 元素

Question

问题如下:我有几个应用过滤器(“myFilter”)的 html 站点。

    angular.module('myApp', [])
    .filter('myFilter', function() {
            return function(input) {
                //do something with the input
                return input;
            };
    })

过滤器应用于没有特殊 id 或类的不同标签，如下所示:

    <span>{{'some_string | myFilter'}}</span>

或

    <div>{{'some_other_sring' | myFilter}}</div>

我现在想向使用过滤器的元素添加类或样式(用于某些测试目的)。我的问题是，是否有办法在过滤器函数中获取 DOM 元素？目前我没有看到一个直接的方法来做这件事，并且会感谢关于如何实现它的具体或一般想法。在此先感谢您的帮助。

附言我知道我可以使用指令而不是过滤器，但是过滤器已经分布在大量 html 中，所以我更愿意使用过滤器。

Answer 1

使用过滤器无法做到这一点。请改用指令。例如:

angular.module('myApp', [])
.directive('myDirective', function() {
    return {
        link: function(scope, element, attributes) {
            element.addClass('some-class');
            ...
        }
    };
});

使用正则表达式查找/替换，向所有使用过滤器的元素添加指令并不难。