Ionic 2 - 键盘动作:输入而不是提前

时间:2018-06-06 19:11:12

标签: angular ionic2 ionic3

我在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 :(得分:0)

对于离子3(因为ionic3被标记),您可以使用(keyup.enter)

实施例

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