使一个角度指令抛出一个我可以在jquery中绑定的事件

时间:2012-09-05 09:22:29

标签: jquery angularjs

我目前有一个我已编写的角度指令,可以更轻松地上传文件。我基本上想要在上传完成时使指令触发事件,然后使用jquery绑定此事件以更新页面上的图像。

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

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;

});

我基本上想知道的是,我怎样才能将这场比赛变成一场比赛? (如果可能的话)

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

1 个答案:

答案 0 :(得分:4)

如果您只想更新图片网址,可以让控制器执行此操作。   http://plnkr.co/edit/yCKaKH

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

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