ng değişimini tetikleyen DOM öğesi nasıl alınır?

Question

AngularJS kullanıyorum.

Ben updateUserData işlev içinde güncellenen var olan DOM öğesi belirlemek mümkün istiyorum

<select id="hairColorComponent" ng-model="hairColor" 
     ng-options="option.name for option in hairColorData" 
     ng-change="updateUserData()"> 

, elle belirtmek zorunda kalmadan: Ben mesela ng-change kendi ile sayfamda <select> birkaç elemanları, her var Her bir ng-change özniteliği için bir parametre olarak.

event veya caller veya updateUserData bağlamında kullanabileceğim benzer bir şey var mı? ng-change="updateUserData(caller)"

Answer 1

gibi

Umarım şey tasarımla bu yapmak için hiçbir (kolay) yolu var. Köşeli kontrolörlerin DOM'den tamamen ayrı olması gerekiyor, bu yüzden kendilerinizde DOM'a başvurmaya ihtiyaç duyuyorsanız, büyük olasılıkla yanlış yola yaklaşıyorsunuz demektir.

HTML Sonra denetleyicisi $scope.hairColor değerini değiştirecek seçme değişen

<select id="hairColorComponent" ng-model="hairColor" 
     ng-options="option.name for option in hairColorData" 
     ng-change="updateUserData()"> 

ise. updateUserData()'da sadece değerini okuyun ve buna göre hareket edin.

Durumunuzda, DOM'a başvurmak dışında bunu yapmanın gerçekten bir yolu yoksa, özel bir yönerge yazarak bunu yapabilirsiniz. Genel olarak, Angular'daki doğrudan DOM manipülasyonu, yine de bir son önlem türü olmalıdır.

Answer 2

Bunu Google'da buldum, sonunda sorunumu çözdüm, işte çözümüm.

Yalnızca kimliğe ihtiyacınız varsa, bunu her zaman bir parametre olarak iletebilirsiniz.

<select id="hairColorComponent" ng-model="hairColor" 
     ng-options="option.name for option in hairColorData" 
     ng-change="updateUserData('hairColorComponent')"> 

Hala süper temiz değil, ancak sorunumu çözdü. Gerçekte dom elemanına ihtiyacım olduğu için, elementi almak için jQuery'yi kullandım.

$scope.updateUserData = function (id) { 
    var element = jQuery('#'+id); 
}; 

(O eski kodu dönüştürme ile elimden geleni yapıyorum, merak edenler için "sihirli" Tüm web sitesi üzerinden sayfalarda kullanıcı ayarlarını kaydeder.)