键盘未在离子3应用程序中第二次打开离子项目

时间:2017-12-07 06:38:31

标签: angular ionic-framework keyboard ionic3 ionic-keyboard

当我点击输入文件时,当我第二次点击输入框时,我的键盘不会出现。如果我把离子输入放在离子项外面它可以工作,但是在离子项目中,它不起作用。

<ion-list class='list' [@flyInBottomSlow]="cloudState">
            <div class="box">
                <ion-item class='input-field'>
                    <ion-label floating >
                        <i class="fa fa-user"></i>Employee Code or Email</ion-label>
                    <ion-input  type="text" [(ngModel)]='username'></ion-input>
                </ion-item>

                <ion-item class='input-field'>
                    <ion-label floating>
                        <i class="fa fa-key"></i>Password</ion-label>
                        <ion-input type="password" [(ngModel)]='password'></ion-input>
                </ion-item>

                <ion-item class='item'>
                    <button ion-button class='button' full (tap)="login()">SUBMIT</button>
                </ion-item>

                <ion-item class="forgot-password">
                    <a (click)="forgotPassword()">Forgot Password?</a>
                </ion-item>
            </div>
            <ion-item class="or_row">
                <span>OR</span>
            </ion-item>

            <ion-item class='item'>
                <button ion-button class='button google' full (tap)="loginWithGoogle()">
                    <i class="fa fa-google-plus"></i> LOGIN WITH GOOGLE</button>
            </ion-item>
        </ion-list>

当我点击输入字段时,我应该总是出现。

1 个答案:

答案 0 :(得分:3)

我添加了禁用假,现在它正在工作。 像

<ion-item class='input-field'>
                    <ion-label floating>
                        <i class="fa fa-key"></i>Password</ion-label>
                        <ion-input type="password" [(ngModel)]='password' disabled=false></ion-input>
                </ion-item>

注意:这是一个临时解决方案。希望离子团队会调查它。