在完全呈现图像时返回promise的指令

Question

这一切都可能吗？我会喜欢像ng-src这样的指令，它可以在指令签名中有一个回调表达式选项吗？我确实对这如何运作没有任何想法;而且几乎没有用例，但我很好奇它是否可能？

Answer 1

尝试创建指令以处理图像onload事件：

app.directive('onLoad', function() {
    return {
        scope: {
            onLoad: '&'
        },
        link: function(scope, element) {
            element.on('load', function(e) {
                scope.onLoad({$event: e});
            });
        }
    };
});

然后以这种方式使用它：

<img ng-src="{{url}}" on-load="loaded()">

演示：http://plnkr.co/edit/HdolKL84dsCuoFHur0ZX?p=info