<component>
   <img ng-src='{{something}}' />
</component>

定义为：

app.directive("component",function() {
    return {
        scope: {},restrict: 'E',transclude: true,template: "<a href='' ng-click='MyService.doThings()' ng-transclude></a>"
    }
});

尽管我付出了很多努力,但我还是不明白如何完成两项任务：

>如何访问内部图像源路径？
>如何将此路径传递给MyService服务？ (想想一个灯箱包装)

更新解决方案：

app.directive("component",function(LightBoxService) {
    return {
        restrict: 'E',replace: true,template: "<a href='' ng-click='lb()' ng-transclude></a>",link: function (scope,element,attrs) {
            scope.lb = function () {
                var src = $(element).find("img").attr("src");
                LightBoxService.show(src);
            }
        }
    }
});