Czy w nowym frameworku Angular2 ktoś zna właściwy sposób na zawisanie jak zdarzenie?
W Angular1 było ng-Mouseover
, ale wydaje się, że nie zostało to przeniesione.
Przejrzałem dokumenty i niczego nie znalazłem.
javascript
angular
events
hover
Ronin
źródło
źródło
mousemove
wydarzenie może tu również pomóc. ZOBACZ TĘ STRONĘ NA PRZYKŁADOdpowiedzi:
Jeśli chcesz wykonać zdarzenie podobne do najechania kursorem na dowolny element HTML, możesz to zrobić w ten sposób.
HTML
Składnik
Aby zaimplementować w pełni funkcjonalne zdarzenia najechania kursorem w kątowniku 2, należy użyć zdarzeń myszy w centrum myszy i po lewej stronie myszy.
źródło
tak, jest
on-mouseover
w angular2 zamiastng-Mouseover
jak w angular 1.x, więc musisz to napisać: -Jak @Gunter zasugerował w komentarzu
on-mouseover
, możemy też użyć tego alternatywnie . Niektóre osoby wolą alternatywę z prefiksem, znaną jako forma kanoniczna.Aktualizacja
Kod HTML -
Kod kontrolera / .TS -
Przykład roboczy
Niektóre inne zdarzenia myszy mogą być używane w Angular -
źródło
<div (mouseover)='over()'
? ;-)Możesz to zrobić z hostem:
Po prostu dostosuj go do swojego kodu (znajdującego się pod adresem : https://angular.io/docs/ts/latest/guide/attribute-directives.html )
źródło
Jeśli interesuje Cię wchodzenie lub wychodzenie z jednego ze składników myszy, możesz użyć
@HostListener
dekoratora:Jak wyjaśniono w linku w komentarzu @Brandon do OP ( https://angular.io/docs/ts/latest/guide/attribute-directives.html )
źródło
Po prostu zrób
(mouseenter)
atrybut w Angular2 + ...W swoim HTML wykonaj:
i w swoim komponencie wykonaj:
źródło
Aby poradzić sobie ze zdarzeniem podczas przesadzania, możesz spróbować czegoś takiego (to działa dla mnie):
W szablonie HTML:
W składniku kątowym:
źródło
Jeśli najedziesz myszką na cały komponent, możesz bezpośrednio
@hostListener
obsłużyć zdarzenia, aby wykonać ruch myszą nad wszystkimi poniżej.Jest dostępny w
@angular/core
. Przetestowałem to pod kątem4.x.x
źródło
http://lishman.io/angular-2-event-binding
źródło
W pliku js / ts dla html, który zostanie najechany
W twoim HTML, który zostanie najechany
W pliku js / ts, który otrzyma informacje o najechaniu kursorem
W twoim elemencie HTML, który jest połączony z przechwytywaniem pliku js / ts
źródło