Ionic Keyboard.hide()在电容器/离子6项目中不起作用

cunj1qz1  于 2022-12-16  发布在  Ionic
关注(0)|答案(1)|浏览(131)

我有一个简单的表单,用户可以输入一个值,然后将这两个值相加。
这是我的表单代码:

<form (ngSubmit)="calculateTwo(value1, value2)">
    <ion-grid>
      <ion-row>
        <ion-col>
          <ion-item>         
            <ion-input name="value1" type="number" [(ngModel)]="value1" (keyup.enter)="calculateTwo(value1, value2)">
            </ion-input>
          </ion-item>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-item>       
            <ion-input name="value2" type="number" [(ngModel)]="value2"
              (keyup.enter)="calculateTwo(value1, value2)"></ion-input>
          </ion-item>
        </ion-col>
      </ion-row>
    </ion-grid>
    <ion-button shape="round" expand="full" type="submit">Calculate</ion-button>
  </form>

这是我在 typescript 中的方法

calculateTwo(value1, value2) {
    this.result = "Result: " + (value1 + value2);
    Keyboard.hide();
  }

我使用这个导入:

import { Keyboard } from '@capacitor/keyboard';

当我打开我的应用程序,我输入的值,我想提交键盘不隐藏.
这是电容器的故障吗?
资料来源:
https://capacitorjs.com/docs/v2/apis/keyboard

jum4pzuy

jum4pzuy1#

你必须同步你的capacitor插件来传播你的更改到所有平台(ios & android)通过运行:

ionic cap sync

相关问题