Le HTML prend toute la sortie et les stocke en variables à l'intérieur de mon TS. Maintenant, il y a un bouton (je ne sais pas comment l'appeler, mais il n'a pas été créé dans un "conteneur" avec les entrées utilisateur) qui ont été créées à la fin de la fin du code HTML. Le bouton a une fonction qui prend les informations et faire ce qu'elle fait. J'ai donc testé que le bouton est indépendant et même si aucune entrée d'utilisateur n'est ajoutée, elle fonctionnera toujours mais ne retournera pas une sortie. J'ai conclu que «entrer» la mise en œuvre des événements ne serait pas un problème. Mais cela ne fonctionne pas, peu importe ce que j'essaie.
J'ai essayé d'ajouter le NG-KeyPress dans la classe div au début. J'ai essayé de la mettre dans la balise du bouton. Je n'ai pas essayé la directive parce que je ne sais pas où mettre la directive, et la plupart des gens ont déclaré que NG-KeyPress est construit dans la directive et devrait fonctionner. P>
'' ' P>
<button class="btn btn-primary float-left" (click)="submitSearch()"ng-keypress= "submitSearch()">Search</button> </div>'''
3 Réponses :
Je pense que le moyen le plus simple et le plus simple de faire serait: de sorte que tout champ de formulaire à l'intérieur de votre élément de niveau supérieur (dans cet exemple, cette div) capturera l'événement de clé
Merci beaucoup. Je suis nouveau dans l'angulaire et je ne connaissais pas une solution aussi simple. Tytutyty. va vérifier votre réponse après la fin du temps de recharge
Essayez d'utiliser clé code> à la place. <button
class="btn btn-primary float-left"
(click)="submitSearch()"
(keydown)= "submitSearch()"
>Search
</button>
Juste curieux. Un bouton se concentrera-t-il pour capturer un événement clé?
Vous pouvez le faire à l'aide d'une directive et affectation de cette directive sur le parent div / formulaire: dans votre HTML: