jquery - 制作一个 Angular 指令抛出一个我可以在 jquery 中绑定(bind)的事件

Question

我目前有一个 Angular 指令，我编写它是为了使文件上传更容易。我基本上想让指令在上传完成时触发一个事件，然后使用 jquery 绑定(bind)此事件来更新页面上的图像。

这就是我设置指令的方式:

module.directive("fileUpload", 
function()
{
    var directive = 
    {
        restrict:"E",
        template:'<form method="post" enctype="multipart/form-data"></form>',
        replace:true,

        compile: function compile()
        {
            return function postLink(scope, iElement, iAttrs, controller)
            {
                //some file upload code in jquery.
            }
        }
    };
    return directive;

});

我主要想知道的是如何才能使这场火灾成为一个事件？ (如果可能的话)

我知道指令是一个复杂的领域，因此如果有人对我应该如何配置它有任何建议，他们也会非常感激。

Answer 1

如果您只想更新图像网址，您可以简单地让 Controller 来完成。 http://plnkr.co/edit/yCKaKH

这里，它使用在指令中创建的 $scope，其中 'img' 元素已定义。

如果您想在指令之外进行通信(范围方面)，您可以通过 $scope.$emit() 和 $scope.$on() 使用事件机制。 http://plnkr.co/edit/qlWIyB