AngularJS ile ilgili yaptığım uygulamada file input nesnesinde change event’ine ihtiyaç duyduğumda angular ng-change event’ini kullanmaya çalıştım fakat tetiklenme olmadı araştırma yaptığımda ise çoğu kişi tarafından paylaşılmış çözüm yöntemi.
AngularJS File input change event’i tetiklenmeme sorunu
Birçok kişi tarafından yaşanan ve belki ileriki zamanlarda direk olarak ng-change attribute’üne fonksiyon tanımlaması yaparak kullanabiliriz fakat şuan ben file input nesnesinde direk olarak fonksiyon adıyla kullanamamaktayım.
Normalde kullanılması gereken kod
Alttaki kod ile dosyaDegisti adlı fonksiyonun tetiklenmesi gerekiyor.
Html
1 | <input type="file" id="file" name='file' ng-Change="dosyaDegisti()" /> |
Çözüm
Html
ng-change yerine html onchange event’ine alttaki kodu ekleyip sonraki fonksiyon adınıda kendi fonksiyonunuza göre düzenleyip kullanabilirsiniz.
1 | <input type="file" id="file" name='file' onchange="angular.element(this).scope().dosyaDegisti()" /> |
Eğer anlatılanları uyguladıysanız alttaki dosyaDegisti adlı fonksiyonun file input nenesi ile dosya seçtiğinizde tetiklenip ekrana dosya seçildi şeklinde uyarı çıkarması gerekiyor.
Javascript
1 2 3 | $scope.dosyaDegisti = function() { alert("dosya seçildi"); } |
