Jak uzyskać element DOM, który wywołał zmianę Ng?

Question

Używam angularJS. Mam kilka <select> elementów na mojej stronie, każdy z własnym ng-change, na przykład:

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

Chcę być w stanie określić, które DOM Element został zaktualizowany od wewnątrz funkcji updateUserData, bez konieczności ręcznego określić ją jako parametr dla każdego atrybutu ng-change.

Czy istnieje event lub caller lub coś podobnego, z którego mogę korzystać w kontekście updateUserData?

Mam nadzieję, że coś ng-change="updateUserData(caller)"

Answer 1

Nie ma (łatwy) sposób to zrobić z projektem. Sterowniki kątowe powinny być całkowicie oddzielone od DOM, więc jeśli będziesz potrzebować odwoływać się do DOM, prawdopodobnie zbliżasz się do nich w niewłaściwy sposób.

Jeżeli HTML jest

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

następnie zmieniając select zmieni wartość $scope.hairColor w kontrolerze. W updateUserData() po prostu odczytaj jego wartość i postępuj odpowiednio.

Jeśli w Twojej sytuacji naprawdę nie ma sposobu, aby to zrobić poza odniesieniem do DOM, możesz to zrobić, pisząc niestandardową dyrektywę. Ogólnie rzecz biorąc, bezpośrednia manipulacja DOM w Angular powinna być ostatecznym środkiem pomiaru.

Answer 2

Znalazłem to w google, ostatecznie rozwiązałem mój problem, więc oto moje rozwiązanie.

Jeśli potrzebujesz tylko ID, możesz go po prostu przekazać jako parametr.

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

Nadal nie jest super czysty, ale rozwiązał mój problem. Ponieważ faktycznie potrzebowałem elementu dom, użyłem jQuery, aby uzyskać element.

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

(Dla tych, zastanawiając się, robię mój najlepszy z konwersji kodu starszego typu, że „magicznie” zapisuje ustawienia użytkownika na stronach całej stronie).