更改指令，不使用jQuery的API

Question

我發現了一個漂亮的指令通過Tosh這不會是我想要什麼差不多。我不清楚功能，但只是獲取打開文件的詳細信息。我試圖轉換這個，它使用jQuery與角度原生API。我的嘗試在這裏，但沒有工作。

http://plnkr.co/edit/I5x3DH?p=preview

讚賞任何幫助。

感謝

Answer 1

原文：

app.directive('fileSelect', function() { 
    var template = '<input type="file" name="files"/>'; 
    return function(scope, elem, attrs) { 
    var selector = $(template); 
    elem.append(selector); 
    selector.bind('change', function(event) { 
     scope.$apply(function() { 
     scope[ attrs.fileSelect ] = event.originalEvent.target.files; 
     }); 
    }); 
    scope.$watch(attrs.fileSelect, function(file) { 
     selector.val(file); 
    }); 
    }; 
}); 

刪除了需要全jQuery和利用某些Angular directive features的（模板和雙向範圍變量綁定）：

app.directive('fileSelect', function() { 
    return { 
    template:'<input type="file" name="files"/>', 
    scope:{fileSelect:'='}, 
    link:function(scope,el,attrs){ 
     el.bind('change', function(event) { 
     scope.$apply(function() { 
     scope.fileSelect = event.target.files; 
     }); 
    }); 
    } 
    } 
}); 

新plnkr：​​