我目前有一个我已编写的角度指令,可以更轻松地上传文件。我基本上想要在上传完成时使指令触发事件,然后使用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;
});
我基本上想知道的是,我怎样才能将这场比赛变成一场比赛? (如果可能的话)
我知道指令是一个复杂的区域,所以如果有人对我应该如何配置它有任何建议,他们也会非常感激。
答案 0 :(得分:4)
如果您只想更新图片网址,可以让控制器执行此操作。 http://plnkr.co/edit/yCKaKH
这里,它使用在'img'元素的指令中创建的$ scope 是定义。
如果您想在指令之外进行通信(范围方面),您可以 通过$ scope。$ emit()和$ scope。$ on on()使用事件机制。 http://plnkr.co/edit/qlWIyB