본문 바로가기

Programming/angularjs

angularjs : input file field change event

angularjs 에서 다른 dom element event 에 대해서는 모두 확인을 해본 것은 아니지만

일반 text input, radio change, select option change 등과 같은 여러 form input 요소들에 대해서는

change 등과 같은 event 에 대해서 function 을 정상적으로 binding 할 수 있음을 확인하였습니다.


하지만, file type 에 대해서는 정상적으로 event 가 binding 되질 않아서 삽질을 좀 했었습니다.


그러다 구글신을 영접하여 문제를 해결했습니다.


angularjs document 에선 못본 것 같아서 공유합니다.


<input type='file' ng-change='somethingChange' />

에 대해서는 ng-change 요소가 먹히질 않습니다.


때문에 custom 요소를 직접 만들어주어야 합니다.


여기에 작성하는 html, angularjs (, javascript) 모두 아래 참조에 둔 링크와 같은 코드가 될테니

따로이 코드를 작성하진 않겠습니다.


아래의 링크를 참조해주시기 바랍니다.



참고 : http://stackoverflow.com/questions/17922557/angularjs-how-to-check-for-changes-in-file-input-fields/19647381#19647381