Javascript AngularJs筛选器（）与AngularJs指令（）之间的通信 angular.module（'myApp'） .filter（'projectTeamPhotos'，函数（$compile）{ 返回函数（团队、元素）{ 如果（teams.length==0）{ 返回“”； } var el=pageUrl；/*pageUrl全局变量*/ var html=''； 对于（var i=0；i

HTML

请参见屏幕截图：

在这里，我发布了我的

过滤器

和

指令

代码。我想访问我的

projectTeamPhotos

过滤器中的

checkImage

指令

我已经在我的图像标签中调用了

check image

指令，该指令包含

projectTeamPhotos

过滤器中的内容。但是我的

检查图像

指令不起作用。请帮助我，告诉我如何在我的过滤器中访问我的指令

---

为什么您有

src

以及指令使用，应该是

ng src

？@tanmay否我没有使用过ng src。我只是更改了它。ng src也不工作。你能用它制作一个小提琴/弹琴吗？好的，给我一些时间。

angular.module('myApp')
.filter('projectTeamPhotos', function($compile) {
    return function(teams, element) {
        if (teams.length == 0) {
            return '';
        }
        var el = pageUrl; /* pageUrl global variable */
        var html = '';
        for (var i = 0; i < teams.length; i++) {
            var url = el + 'files/image/' + teams[i].User.image;
            var link = el + '#/employee/view-details/' + teams[i].User.unique_id;
            var name = teams[i].User.name;            
            html += '<a href="' + link + '" title="' + name + '"><img check-image alt="image" class ="img-circle" src="' + url + '" /></a>';
        }
        return html;
    };
}).directive('checkImage', function($http) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            attrs.$observe('ngSrc', function(ngSrc) {
                $http.get(ngSrc).success(function() {
                    alert('image exist');
                }).error(function() {
                    alert('image not exist');
                    element.attr('src', 'http://upload.wikimedia.org/wikipedia/commons/7/73/Lion_waiting_in_Namibia.jpg'); // set default image
                });
            });
        }
    };
});

<td ng-bind-html="project.ProjectTeam | projectTeamPhotos"></td>