[mariusz-laszczka]

Mirki, wiecie jak w Angularze 1 - w komponencie wywołać onClick na elemencie DOM.
Mam buton, ale nie mogę na nim wywołać ng-click, więc chce go pobrać po stronie komponentu:

angular.element(this$element[0].querySelector('.klasaButtona') - pobieram element.
Nie wiem w jaki sposób mogę osiągnąć znikanie buttona po kliknięciu.
Macie pomysł?

#angular #frontend #javascript

[Jurigag]

@mariusz-laszczka: trochę nie ogarniam, chcesz wywołac na elemencie ng-click? no to albo robisz to zwyczajnie triggerem - wywoła to wszelkie rzeczy podpięte przez angulara, albo po prostu wywołaj tą funkcję która jest wykonywana przy ng-click - to nie będziesz w ogóle się odwoływał do doma tutaj, co do znikania przycisku - ng-show/ng-if i zmienna w scope/this

[mariusz-laszczka]

chodzi mi o wywołanie onClick - czy czymś w tym rodzaju - po stroje komponentu.
Nie mogę tego zrobić ng-clickiem, bo kod (<buton....) jest ukryty (nie mogę go zmienić). Muszę to zrobić tak, żeby po naciśnięciu dana klasa znikała

[laki1]

@mariusz-laszczka: Napisz dokładnie co chcesz zrobić, bo to wygląda jakbyś się zafiksował na jakimś rozwiązaniu a może coś prostszego da się zrobić żeby to osiągnąć

[Johnny_]

@mariusz-laszczka: Z tego co pamiętam z Angulara to jeśli nie możesz ustawić tego ng-clicka normalnie, to możesz owinac to w jakas dyrektywe , już po wyrenderowaniu chwycic ten HTML, dodac tam ngClick, i uzyć serwisu $compile zeby odpalil linkowanie tej dyrektywy

[mariusz-laszczka]

@laki1: Mam dodatkowy komponent do wyświetlania popupa z przyciskiem "OK". Nie mogę edytować komponentu (gdybym mógł, wystarczyłoby dodać ng-clicka, ale niestety nie mogę).

Przycisk w przypadku gdy nic się nie wpisze w inpucie (w popupie) - nie działa na kliknięcia (nie zamyka popupa).

Chcę w komponencie umieścić "słuchacz", który będzie wywoływany za każdym kliknięciem w OK (będzie ukrywać klasę popupa)

[qwerew]

@mariusz-laszczka:
jak już pobierzesz to co chcesz schować, to możesz dodać do niego klasę css (addClass()), która będzie odpowiedzialna za schowanie tego elementu, lub ustawić display:none za pomocą funkcji css() https://docs.angularjs.org/api/ng/function/angular.element

[qwerew]

@qwerew:
zdarzenie podpinasz do buttona za pomocą funckji on()