2

当我点击输入文件时，当我第二次点击输入框时，我的键盘没有出现。如果我将离子输入放在 ion-item 外面，它可以工作，但在 ion item 中，它不工作。

<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>

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

4

1 回答 1

4

我添加了 disabled false ，现在它正在工作。喜欢

<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>

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

于 2017-12-07T10:13:56.890 回答