Angulaire 2 Placez l'événement
Dans le nouveau Angular2 cadre, personne ne sait la bonne façon de faire un hover comme un événement?
Dans Angular1 il y avait ng-Mouseover
, mais qui ne semble pas avoir été reporté.
J'ai regardé à travers les docs et n'ai pas trouvé quoi que ce soit.
- C'est juste onmouseover.
- cochez cette page angular.io/docs/ts/latest/guide/attribute-directives.html
- Je pense que
mousemove
événement peut également aider ici. VOIR CETTE PAGE PAR EXEMPLE
Vous devez vous connecter pour publier un commentaire.
Si vous souhaitez effectuer un vol stationnaire comme événement sur n'importe quel élément HTML, alors vous pouvez le faire comme ceci.
HTML
Composant
Vous devez utiliser les deux mouseenter et mouseleave afin de mettre en œuvre pleinement fonctionnelle passez événements angulaire 2.
oui, il est
on-mouseover
dans angular2 au lieu deng-Mouseover
comme dans angulaire 1.x de sorte que vous avez à écrire ceci :-Comme @Gunter a Suggéré dans un commentaire il y a suppléant de
on-mouseover
nous pouvons utiliser cette trop. Certaines personnes préfèrent le préfixe alternative, connue comme la forme canonique.Mise à jour
Code HTML -
Contrôleur/.TS Code -
Exemple De Travail
Certains autres événements de la Souris peut être utilisée dans Angulaires -
<div (mouseover)='over()'
? 😉Vous pouvez le faire avec un ordinateur hôte:
Juste l'adapter à votre code (qui se trouve à: https://angular.io/docs/ts/latest/guide/attribute-directives.html )
Si vous êtes intéressé par la souris entrant ou sortant de l'un de vos composants, vous pouvez utiliser le
@HostListener
décorateur:Comme expliqué dans le lien de @Brandon commentaire de l'OP (https://angular.io/docs/ts/latest/guide/attribute-directives.html)
Tout simplement
(mouseenter)
attribut dans Angular2+...Dans votre code HTML à faire:
et dans votre composant ne:
Pour la gestion de l'événement sur overing, vous pouvez essayer quelque chose comme cela
(il fonctionne pour moi):
Dans le modèle Html:
Dans l'angle de composant:
Si la souris au-dessus de tous les coins du composant est votre option, vous pouvez directement est
@hostListener
pour gérer les événements pour effectuer la souris au-dessus d'al-dessous.Il est disponible en
@angular/core
. Je l'ai testé dans angulaire4.x.x
http://lishman.io/angular-2-event-binding
Dans votre js/ts fichier html qui sera planait
Dans votre code HTML qui sera planait
Dans votre js/ts fichier qui vous permettra de recevoir des informations de la planant
Dans votre élément HTML qui est connecté avec la capture js/ts fichier