AngularJS File İnput Change Event’i Tetiklenmeme Sorunu

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

Çö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.

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

5/5 - (1 vote)