Как заставить клавиатуру вводить/идти кнопку работы

Question

Пожалуйста, взгляните на мое изображение .

после ввода данных внутри поля ввода и нажатия кнопки ввода/перехода, это не делает ничего, что действует как идеальный.

есть ли какой-либо плагин для управления клавишами клавиатуры (введите, искать, go..etc), чтобы действовать как функция (щелчок). Как активировать кнопку ввода/выхода в каждом поле ввода ?.

Update

вот мой HTML код

<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> 

если вы видите один из моей страницы имеет входной тип = «поиск» я могу получить кнопку поиска в клавиатуре но эта кнопка также показывает идеальный вот для этого код.

<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

У меня есть выход. Скопируйте код html внутри формы и используйте (submit), чтобы отправить форму. Также, как было предложено в комментариях, мы должны использовать type = "submit" для кнопки, которая должна быть выполнена на клавиатуре.

<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> 

Попробуйте это.