angular2 soumettre un formulaire en appuyant sur la touche entrée sans bouton de soumission

Question

Est-il possible de soumettre un formulaire qui n'a pas de bouton "submit" (en appuyant sur "enter") ? exemple :

<form [ngFormModel]="xxx" (ngSubmit)="xxxx()">
  <input [(ngModel)]="lxxR"   ngControl="xxxxx"/>
</form

Answer 1

Vous pouvez également ajouter (keyup.enter)="xxxx()"

Answer 2

Peut-être que vous ajoutez keypress o keydown aux champs de saisie et attribuez l'événement à la fonction qui effectuera l'envoi lorsque l'on clique sur Entrée.

Votre modèle devrait ressembler à ceci

    <form (keydown)="keyDownFunction($event)">
      <input type="text" />
    </form

Et votre fonction dans votre classe ressemblerait à ceci

    keyDownFunction(event) {
      if (event.keyCode === 13) {
        alert('you just pressed the enter key');
        // rest of your code
      }
    }

Answer 3

Editar:

  <form (submit)="submit()" >
    <input />
    <button type="submit" style="display:none">hidden submit</button>
  </form>

Pour utiliser cette méthode, vous devez disposer d'un bouton d'envoi, même s'il n'est pas affiché "Thanks for Réponse de la boîte à outils "

Vieille réponse :

Oui, exactement comme vous l'avez écrit, sauf que le nom de l'événement est (submit) au lieu de (ngSubmit) :

~~<form [ngFormModel]="xxx" (submit)="xxxx()"> <input [(ngModel)]="lxxR" ngControl="xxxxx"/> </form>~~

Answer 4

Je préfère (keydown.enter)="mySubmit()" parce qu'il n'y aura pas de saut de ligne ajouté si le curseur se trouvait quelque part à l'intérieur d'un <textarea> mais pas à sa fin.

Answer 5

Cette méthode est beaucoup plus simple...

<form [formGroup]="form" (keyup.enter)="yourMethod(form.value)">

</form>