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

У меня есть форма входа на 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" (отправить форму)

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

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
0
425
1

Ответы 1

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

Пример

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

у меня не сработало. Обновил вопрос скриншотом

Ronan Lopes 07.06.2018 16:49

Другие вопросы по теме