Gestion des événements de HTML5 (onfocus et onfocusout) à l’aide de 2 angulaire

Question

J’ai un champ date et je veux supprimer l’espace réservé par défaut.

J’utilise les événements onfocus et onfocusout de javascript pour supprimer l’espace réservé.

Puis toute une aide sur l’utilisation angular2 directive ?

J’essaie de résoudre de cette façon, mais je reçois problème avec remise à zéro du type de champ de saisie.

Answer 1

Essayez d'utiliser (focus) et (focusout) au lieu de onfocus et onfocusout

comme ceci : -

<input name="date" type="text" (focus)="focusFunction()" (focusout)="focusOutFunction()">

vous pouvez aussi l'utiliser comme ceci :-

certaines personnes préfèrent le préfixe alternative, connue comme la forme canonique:

<input name="date" type="text" on-focus="focusFunction()" on-focusout="focusOutFunction()">

En savoir plus sur l'événement de liaison à voir ici.

vous devez utiliser HostListner pour votre cas d'utilisation

Angulaire appeler le décoré de la méthode lorsque l'élément hôte émet l'événement spécifié.@HostListener est un décorateur pour le rappel/méthode de gestionnaire d'événements

Voir mon Jour de travail Plunker.

Exemple De Travail De Travail Plunker

Answer 2

Si vous voulez attraper le dynamiclly événement de se concentrer sur chaque entrée sur votre composant :

Commander le code complet ici : https://stackblitz.com/edit/angular-93jdir