Angular 2 Hover-Ereignis
In der neuer Winkel 2 Rahmen, kennt jemand die richtige Art und Weise zu tun, ein hover-event eher? Im Winkel 1, es war die ng-Mouseover, aber das scheint nicht übernommen wurden. Ich habe mir durch die docs und habe nicht gefunden was.
InformationsquelleAutor der Frage Ronin | 2016-06-07
Du musst angemeldet sein, um einen Kommentar abzugeben.
wenn Sie möchten, führen Sie schweben wie Ereignis auf jedes beliebige html-element als das können Sie gerne tun.
In Html
Nun in Komponente
Sollten Sie verwenden beide mouseenter-und mouseleave-Ereignisse inorder zu implementieren, voll funktionsfähig hover-event im Winkel 2.
InformationsquelleAutor der Antwort Vikash Dahiya
ja, es ist
on-mouseover
im angular2 stattng-Mouseover
wie in angular 1.x, so dass Sie haben, dies zu schreiben :-Beispiel
Als @Gunter Vorgeschlagen im Kommentar gibt es alternativen von
on-mouseover
wir können das auch. Einige Leute bevorzugen die on - Präfix alternative, bekannt als die kanonische form.InformationsquelleAutor der Antwort Pardeep Jain
Können Sie es mit einem Gastgeber:
Nur passen Sie es Ihren code (zu finden unter: https://angular.io/docs/ts/latest/guide/attribute-directives.html )
InformationsquelleAutor der Antwort bene
Wenn Sie interessiert sind, in die Maus betritt oder verlässt einer Ihrer Komponenten, die Sie verwenden können, die
@HostListener
decorator:Wie beschrieben in den link in @Brandon Kommentar zu OP (https://angular.io/docs/ts/latest/guide/attribute-directives.html)
InformationsquelleAutor der Antwort paul
Einfach
(mouseenter)
Attribut in Angular2+...In Ihre HTML-tun:
und in der Komponente machen:
InformationsquelleAutor der Antwort Alireza
Zur Abwicklung der Veranstaltung am overing, können Sie versuchen, so etwas wie dieses
(es funktioniert bei mir):
In der Html-Vorlage:
In die Winkel-Komponente:
InformationsquelleAutor der Antwort Dudi
Wenn Sie mit der Maus über für alle über die Komponente Ihrer Wahl, Sie können direkt
@hostListener
um die Ereignisse zu behandeln, führen Sie die Maus über al unten.Seine erhältlich in
@angular/core
. Getestet habe ich es in eckigen4.x.x
InformationsquelleAutor der Antwort Aniruddha Das
http://lishman.io/angular-2-event-binding
InformationsquelleAutor der Antwort Clayton K. N. Passos
n Ihr js/ts-Datei für die html-Ausgabe wird schwebte
InformationsquelleAutor der Antwort Lyudmil Petrov