javascript - 一个在图像完全渲染后返回 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