Şu anda bir arama kutusunun değeri olan bir modelim var. Arama işlemi mükemmel performans gösteriyor ancak arama metni değiştirildiğinde başka bir özellik daha istiyorum. Bu yüzden model değişkenine listener
veya watch
eklemek istiyorum. Nasıl yapabilirim?Angularjs modeline bir dinleyici ekleme
18
A
cevap
38
Sen kullanım örneğini kapsayacak şekilde 2 seçenek var: changeHandler
bir nerede
Search: <input ng-model="search.model" ng-change="changeHandler()">
:
Çok sevdiği girişi yazabilirsiniz ng-change direktifini
kullanın Bir kapsamda tanımlanan işlev.
kullanın controller içerisinde yazarak kapsam
bir izleme: http://plnkr.co/edit/Jgb2slcBFzLNKK0JFNyo?p=preview
2 yaklaşım arasındaki fark şudur: Burada
$scope.$watch('search.model', function(newVal, oldVal){
console.log("Search was changed to:"+newVal);
$scope.search.watch = newVal;
});
bir çalışma hem gösteren düşmek
ng-change
sadece bir giriş ile kullanıcının iteractions bir sonucu olarak tetiklenir iken
$watch
herhangi bir model mutasyon için ateş edecek - tetiklenen giriş kontrolü veya modele başka herhangi bir değişiklik. Böylece, tepki vermek istediğiniz olayları hassas bir şekilde seçebilirsiniz.
+1
Bu arada, 'ngModel' değerlerinde' $ watch' kullanmak için iyi bir uygulama olmadığını anladım. Okuduğum şeye göre, '$ watch', dinlemeyi dinlemeye adanmışken ngChange,' ngModel 'değişikliklerini dinlememize izin veriyor ... ama belki de yanlış anladım. –
İlgili konular
- 1. Bir numara seçici tanıtıcısına bir dinleyici ekleme
- 2. Kitaplık modeline yeni bir ilişki ekleme
- 3. Android'de görünümlere birden çok dinleyici ekleme?
- 4. EXT JS - kapsayıcıya eklenen herhangi bir öğeye bir dinleyici ekleme
- 5. Ecto modeline rastgele ve benzersiz bir alan ekleme
- 6. Dinleyici?
- 7. JavaFX - WebEngine'nin DOM Modeline Erişim
- 8. Değişken ekleme/çıkarma işlevi Angularjs
- 9. AsyncTask, Dinleyici
- 10. ExtJS dinleyici
- 11. JSON verileri bir Bootstrap modeline
- 12. Animasyon Dinleyici
- 13. takip sınıfını sahip bir dinleyici
- 14. angularjs
- 15. Bir JavaFX çeviriciye nasıl bir dinleyici eklersiniz?
- 16. middleware - django modeline erişme
- 17. AngularJS + Ionic - İçeriği başka bir sayfaya ekleme/görüntüleme
- 18. İyonik Bildirimler Dinleyici, uygulama
- 19. Actionbar Yukarı Düğme Dinleyici
- 20. Test dinleyici 5.1
- 21. AngularJS
- 22. bağımlılık enjekte servlet dinleyici
- 23. ModelForm'dan bir Django Modeline "özellik" erişebiliyor musunuz?
- 24. Üç.js'de bir .obj modeline nasıl renk ekleyebilirim?
- 25. jquery resize dinleyici bir div üzerinde
- 26. Bir TestExecutionListener Ekleme
- 27. Django'da Bootstrap modeline geçiş değeri
- 28. Dizi Verilerini Laravel Modeline Ekle
- 29. Django 'ya Kullanıcı Modeline Bağlanın
- 30. Rails modeline nasıl hatalar eklenir?
jquery kullanıyor musunuz? – SteveP
@SteveP No. jquery kullanmıyorum. – Rahul