Ionic 2 - Действие клавиатуры: введите вместо продвижения - PullRequest
Новая
       0

Ionic 2 - Действие клавиатуры: введите вместо продвижения

0 голосов
/ 06 июня 2018

У меня есть форма входа в Ionic 2, вид которой выглядит следующим образом: 

 <form #f="ngForm" (ngSubmit)="login(f)">
        <ion-list>
          <ion-item>
            <ion-label floating>E-mail</ion-label>
            <ion-input
              type="email"
              ngModel
              name="email"
              required></ion-input>
          </ion-item>
          <ion-item>
            <ion-label floating>Password</ion-label>
            <ion-input
              type="password"
              ngModel
              name="password"
              required></ion-input>
          </ion-item>
        </ion-list>
        <br>
        <button ion-button block type="submit" [disabled]="!f.valid">Enter</button>
        <br>
        <h2 class="text-center"><a (click)="forgotPassword()">Forgot your password? </a></h2>

      </form>

Когда пользователь заполняет форму, клавиатура может перейти (к следующему вводу).Это желательно при входе в систему, но при вводе пароля, думайте, что это должна быть опция «вводить» (отправьте форму), но вместо этого это тоже продвижение (и если вы нажмете на нее, ничего не произойдет).Как я могу изменить это так, когда пользователь заполняет пароль, можно ввести (отправить)?

РЕДАКТИРОВАТЬ:

Просто чтобы уточнить, это мой экран входа в систему.Эта правая нижняя кнопка «Avançar» (аванс) - это та, которую я хотел бы «ввести» (отправить форму)

enter image description here

1 Ответ

0 голосов
/ 07 июня 2018

Для ionic 3 (так как ionic3 был помечен), вы можете использовать (keyup.enter)

Пример 

<ion-input type="password" (keyup.enter)="submit()" required> </ion-input>
...