angular2 gönder düğmesi olmadan enter tuşuna basarak formu gönderin

Gönder düğmesi olmayan bir form göndermek mümkün mü (enter tuşuna basarak) örnek:

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

belki ekleyebilir keypressveya keydowntıklandığında girdiğinizde giriş alanlarının ve yapacak işleve olay atamak göndermek

şablonunuz böyle görünür

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

Ve sınıfının içinde böyle görüneceksin

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

Ayrıca ekleyebilirsiniz (keyup.enter)="xxxx()"

Düzenle:

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

Bu yöntemi kullanmak için, bunu "için teşekkürler görüntülenen olmasa bile bir Gönder düğmesini olması gerekir Toolkit'in cevap "

Eski Cevap:

Evet, aynen yazdığınız gibi, ancak etkinlik adı şunun (submit)yerine (ngSubmit):

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

(keydown.enter)="mySubmit()"İmleç a'nın içinde bir yerdeyse <textarea>ancak sonunda değilse satır sonu eklenmemesini tercih ederim .

Bu yol çok basit ...

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

</form>

Gecikmeyi önlemek için her zaman keyup.enter yerine keydown.enter kullanın.

<textarea [(ngModel)]="textValue" (keydown.enter)="sendMessage();false" ></textarea>

ve component.ts içinde işlev görür.

 textValue : string = '';  
 sendMessage() {
    console.log(this.textValue);
    this.textValue = '';
  }

bunu giriş etiketinize ekleyin

<input type="text" (keyup.enter)="yourMethod()" />

(keyup.enter)="methodname()"

bu işe yaramalı ve birçok yanıtta zaten belirtilmeli, ancak bu, düğme üzerinde değil form etiketinde bulunmalıdır.

görünmez bir gönder düğmesi eklemek işe yarıyor

<input type="submit" style="display: none;">

Sadece ekleyin (keyup.enter)="yourFunction()"

Umarım bu birisine yardımcı olabilir: Bazı nedenlerden dolayı, zaman eksikliğinden dolayı takip edemedim, eğer aşağıdaki gibi bir formunuz varsa:

<form (ngSubmit)="doSubmit($event)">
  <button (click)="clearForm()">Clear</button>
  <button type="submit">Submit</button>
</form>

Eğer vurduğunda Enterdüğmesini, clearFormfonksiyon beklenen davranış aramaya olmasına rağmen denir doSubmitişlevi. Değişen Clearbir düğmeyi <a>etiketi benim için sorun çözüldü. Yine de bunun beklenip beklenmediğini bilmek istiyorum. Bana kafa karıştırıcı geliyor

Her ikisini de burada gördüğümden daha basit bir şekilde dahil etmek istiyorsanız, bunu sadece düğmenizi formun içine ekleyerek yapabilirsiniz.

Mesaj gönderen bir işlev örneği:

                <form>
                    <mat-form-field> <!-- In my case I'm using material design -->
                        <input matInput #message maxlength="256" placeholder="Message">
                    </mat-form-field>
                    <button (click)="addMessage(message.value)">Send message
                    </button>
                </form>

Düğmeye tıklama veya enter tuşuna basma arasında seçim yapabilirsiniz.

Her ikisini de dahil etmek istiyorsanız - girişte kabul edin ve kabul edin tıklayın ve sonra yapın -

 <div class="form-group">
    <input class="form-control"   type="text" 
    name="search" placeholder="Enter Search Text"
              [(ngModel)]="filterdata"  
           (keyup.enter)="searchByText(filterdata)">
  <button type="submit"  
          (click)="searchByText(filterdata)" >

  </div>