Wie mache ich meine Tastatur Enter/Go-Taste Arbeit

Question

Bitte werfen Sie einen Blick auf mein Bild .

nach der Eingabe der Daten in meinem Eingabefeld und klicken Sie auf der Tastatur Eingabe/Go-Taste, es tut nichts, es verhält sich wie ideal.

gibt es ein Plugin, um die Tastatur (Eingabe, Suche, go..etc) Tasten wie (Klick) Funktion zu steuern. So aktivieren Sie die Enter/Go-Taste in jedem Eingabefeld ?.

aktualisieren

hier ist mein HTML-Code

<ion-item> 
     <ion-label primary floating>Email/Mobile</ion-label> 
     <ion-input type="text" [(ngModel)]="loginId" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required></ion-input> 
    </ion-item> 

    <ion-item> 
     <ion-label primary floating>Password</ion-label> 
     <ion-input type="password" [(ngModel)]="passwd" required></ion-input> 
    </ion-item> 

    <p>{{loginMsg}}</p> 


    <div padding> 
    </div> 

    <button ion-button full color="light" (click)="submit();" >LOGIN</button> <br> 

    <div class="text" (click)="forgotPasswd()"> 

    <p > Forgot your password ?</p> 
    </div> 

    <div padding> 
    </div> 

    <div class="text-padding-bottom" (click)="registration();"> 
    <p > No account yet ? <b>Create One</b></p> 
    </div> 

, wenn Sie eine meiner Seite Eingabetyp hat = „suchen“ ich bin der Lage, Suchtaste in der Tastatur zu erhalten aber dieser Knopf zeigt auch ideal hier ist der Code dafür.

<ion-row> 
     <ion-col width-80> 
      <ion-item> 
       <ion-input type="search" placeholder="search products"[(ngModel)]="searchValue"></ion-input> 
      </ion-item> 
     </ion-col> 
     <ion-col width-20> 
      <button ion-button icon-only (click)="searchText();"> 
       <ion-icon name="search"></ion-icon> 
      </button> 
     </ion-col> 
    </ion-row> 

Answer 1

Ich habe den Ausgang. Kopieren Sie Ihren HTML-Code in das Formular und verwenden Sie (submit), um das Formular zu senden. Wie in den Kommentaren vorgeschlagen, müssen wir type = "submit" für die Schaltfläche verwenden, die auf der Schaltfläche "go" der Tastatur ausgeführt werden soll.

<form (submit)="submit()"> 
<ion-item> 
     <ion-label primary floating>Email/Mobile</ion-label> 
     <ion-input type="text" [(ngModel)]="loginId" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required></ion-input> 
    </ion-item> 

    <ion-item> 
     <ion-label primary floating>Password</ion-label> 
     <ion-input type="password" [(ngModel)]="passwd" required></ion-input> 
    </ion-item> 

    <p>{{loginMsg}}</p> 


    <div padding> 
    </div> 

    <button ion-button full color="light" type="submit">LOGIN</button> <br> 

    <div class="text" (click)="forgotPasswd()"> 

    <p > Forgot your password ?</p> 
    </div> 

    <div padding> 
    </div> 

    <div class="text-padding-bottom" (click)="registration();"> 
    <p > No account yet ? <b>Create One</b></p> 
    </div> 
</form> 

Probieren Sie es aus.