Javascript 将指令更改为不使用jquery api

我发现了一个漂亮的指令，它几乎可以满足我的需求。我不需要清楚的功能，只需要打开文件的详细信息。我正在尝试转换它，它使用jQuery和angular原生API。我的尝试在这里，但不起作用

谢谢你的帮助

谢谢

原文：

app.directive（'fileSelect'，function（）{
var模板=“”；
返回函数（范围、元素、属性）{
变量选择器=$（模板）；
元素附加（选择器）；
选择器.bind（'change'，函数（事件）{
作用域$apply（函数（）{
作用域[attrs.fileSelect]=event.originalEvent.target.files；
});
});
作用域.$watch（attrs.fileSelect，函数（文件）{
selector.val（文件）；
});
};
});

删除了对完整jQuery的需要，并使用了一些（模板和双向作用域变量绑定）：

app.directive（'fileSelect'，function（）{
返回{
模板：“”，
作用域：{fileSelect:'='}，
链接：功能（范围、el、属性）{
el.bind（‘变更’、功能（事件）{
作用域$apply（函数（）{
scope.fileSelect=event.target.files；
});
});
}
}
});

新的plnkr：