2017-09-06 54 views
0

我在我的模型中有一個小問題。你可以看到我的模態的原始設計,如下圖所示包含模型隱藏當鍵盤顯示在離子2

enter image description here

在但是當我點擊輸入。該模型顯示包含背頁。

enter image description here

注:當我用我的應用程序在真實設備(機器人),但有當我檢查它在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> 

回答

0

問題是從我的設備需要更新。此外,我檢查了2個其他設備,並沒有問題