【问题标题】:Can't tap to edit on ion-input on Android 9 in ionic 3无法在 ionic 3 中的 Android 9 上点击以编辑离子输入
【发布时间】:2020-05-12 17:27:09
【问题描述】:

我在浏览器、模拟器、真实设备上运行它,它运行良好,但后来我尝试在 Android 9 上运行它,但它不起作用。

在 Android 9 上无法点击编辑离子输入。

我想点击编辑输入,这样我就可以输入我的用户名或密码。

在进行手动操作(例如点击按钮登录)后,我才能点击编辑输入以输入我的用户名或密码。

当我将它安装在具有 OS Android 9 的真实设备上时,我尝试点击用户名或密码输入,但直到我点击另一个组件(如按钮登录)后它才起作用。

版本信息

离子:

离子(离子 CLI):4.12.0(C:\Users\Varni 2\AppData\Roaming\npm\node_modules\ionic)
离子框架:离子角 3.9.9
@ionic/app-scripts:3.2.4

科尔多瓦:

cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
Cordova 平台:安卓 8.1.0
Cordova 插件:cordova-plugin-ionic-keyboard 2.2.0,cordova-plugin-ionic-webview 4.1.3,(和其他 4 个插件)

系统:

Android SDK 工具:26.1.1 (C:\Android\Sdk)
NodeJS : v12.13.1 (C:\Program Files\nodejs\node.exe)
npm : 6.12.1
操作系统:Windows 10

login.html

<ion-content padding id="login">
  <ion-grid>
    <ion-row>
      <ion-col text-center>
        <img src="../../assets/imgs/logo.png" class="logo" />
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col text-center>
        Welcome to Sugaj Sindhi Samiti
      </ion-col>
    </ion-row>
  </ion-grid>

  <div>
    <form (ngSubmit)="login()">
      <ion-row>
        <ion-col>
          <ion-list >
            <ion-item>
              <ion-input placeholder="Contact No" type="number" name="contact_no" [(ngModel)]="userData.contact_no"></ion-input>
            </ion-item>

            <ion-item>
              <ion-input placeholder="Password" type="password" name="password" [(ngModel)]="userData.password"></ion-input>
            </ion-item>
          </ion-list>
        </ion-col>
      </ion-row>

      <button class="marginTop buttonLogin" ion-button full color="primary" type="submit">Log in</button>
    </form>
  </div>

  <button class="marginT buttonLogin" ion-button full color="primary" (click)="register()">Register</button>
  <ion-row class="marginT">
    <ion-col text-center>
      <a href="#" (click)="forgotPassword()">Forgot Password?</a>
    </ion-col>
  </ion-row>
</ion-content>      

【问题讨论】:

    标签: android angular ionic-framework ionic3 android-9.0-pie


    【解决方案1】:

    在您的 app.module.ts 中,将此代码放入 imports 标记中:

    IonicModule.forRoot(MyApp, {
        platforms: {
            android: {
                activator: 'none'
            }
        },
        scrollAssist: false, autoFocusAssist: false
    })
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-12-19
      • 2021-07-05
      • 1970-01-01
      • 1970-01-01
      • 2019-01-26
      • 2018-03-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多