Angular 6 wykrycie klasy na onChange w dyrektywie

Question

Witam, stworzyłem dyrektywę atrybutową [validate], która przechwyca cały element input za pomocą elementRef(w podglądzie mamy klasy, atrybuty itp.). Nie wiem w jaki sposób wychwycić zmianę klasy na danym elemencie - chcę wychwytywać każde zdarzenie, które dobija/zmienia klasę na tym inpucie i odpalenie tym samym dyrektywy.

Czy jedynym sposobem jest pobieranie classList za każdym razem i porównywanie z nową listą klas? Ale na czym uczepić wtedy "watcha"? Może przeoczyłem jakiś feature angularowy, który zrobi to trochę łatwiej? Subskrypcja do jakiegoś elementu odpada zapewne, a kończą mi się pomysły.

ps. próbowałem także chwycić za ValueChanges ale wtedy dyrektywa reaguje tylko, gdy wpisuję coś do inputa. HostListener natomiast nasłuchuje tylko na click, mouseover, nie można tam dodać 'class'.

Answer 1

Ale chwila... po co Ci to właściwie?

A pomijając to, to przecież zmiana klasy inputa odbywa się pewnie na zmianę jakieś wartości - np. wpisanie złej wartości w inputa wywala error message i np. dodaje klasę input-invalid itp. Możesz więc zapiąć się na zmianę wartości inputa i jego walidację i odczytywać sobie klasy jakie ten input posiada, ale nadal niezbyt widzę sens, by w ogóle dyrektywa walidacyjna miała się przejmować wizualną sprawą czyli css... wydaje mi się, że coś chcesz za mocno przekombinować...

Comments

tej.. a czemu w ogóle robisz jakąs dyrektywę, a nie zapinasz się po prostu na validatory sync i async form buildera angularowego w kontrolerze...?

---

Tak, ale zależy mi na wykrycie właśnie zmiany walidacji (dobija klasę invalid) aby była ona zauważona po zapisie. Trochę żongluję danymi walidowanymi (frontend i backend w razie czego) podpinając je także w dobrym miejscu pod pola, albo globalnie i potrzebna mi jedna dyrektywa do wyświetlania komunikatów zamiast robić to pod każdym inputem w każdym miejscu. 

Chcę na inpucie zastosować dyrektywę validation, która sama wykryje zmianę zapisu i jeżeli błąd w danym polu istnieje - dobijać diva z komunikatem, który pobieram ze swojej klasy lub backendu w zależności od przypadku :P