0
我在我的模型中有一個小問題。你可以看到我的模態的原始設計,如下圖所示包含模型隱藏當鍵盤顯示在離子2
在但是當我點擊輸入。該模型顯示包含背頁。
注:當我用我的應用程序在真實設備(機器人),但有當我檢查它在PC上沒有問題
這是我的html代碼這個問題只發生
<ion-header>
<ion-navbar color="{{this.appService.appColor}}">
<ion-buttons left>
<button ion-button icon-only (click)="viewCtrl.dismiss()">
<ion-icon name="arrow-back"></ion-icon>
</button>
</ion-buttons>
<ion-title>
Change Password
</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<ion-card>
<ion-list>
<ion-item style="background-color:#EAECEE">
<label>Account Password</label>
</ion-item>
<ion-item>
<ion-label style="width:45%; display: inline-block;">Old Password</ion-label>
<ion-input required placeholder="******************" type="password" [(ngModel)]="opassword"></ion-input>
</ion-item>
<!--<hr style="margin:0px; padding:0px;">-->
<ion-item>
<ion-label style="width:45%; display: inline-block;">New Password</ion-label>
<ion-input required placeholder="******************" type="password" [(ngModel)]="password" (ionChange)="checkPass1Function(password,cpassword)"></ion-input>
</ion-item>
<ion-item *ngIf="!checkPassword1 && checkPassword1!=null">
<p style="color:red; white-space: pre-line; text-align: justify;">Password must contains at least 8 characters</p>
</ion-item>
<!--<hr style="margin:0px; padding:0px;">-->
<ion-item>
<ion-label style="width:45%; display: inline-block;">Re-Password</ion-label>
<ion-input required placeholder="******************" type="password" [(ngModel)]="cpassword" (ionChange)="checkPass2Function(password, cpassword)"></ion-input>
</ion-item>
<ion-item *ngIf="!checkPassword2 && checkPassword2!=null">
<p style="color:red; white-space: pre-line; text-align: justify;">Password does not match</p>
</ion-item>
</ion list>
<hr style="margin:0px; padding:0px;">
<div padding-bottom>
<button ion-button class="medium" (click)="save(opassword, password, cpassword)" full color="secondary" [disabled]="!opassword || !checkPassword1 || !checkPassword2">Save Changes</button>
</div>
</ion-card>
</ion-content>