离子 2 页面重定向

Question

我正在使用离子2。

这是我的提交功能。

submit(){
    if(this.ImageURL != undefined)
    {
       var fileName = 'sample-' + new Date().getTime() + '.jpg';
       let uploadTask = this.firebase.storage().ref('profile/' + fileName);
        console.log(this.updateprofile.value);
         var upload = uploadTask.put(this.getURL).then((snapshot) => {
         this.updateprofile.controls['FILE'].setValue(snapshot.a.downloadURLs[0]); 
         var val=this.af.database.list('/users');
         val.update(this.key,this.updateprofile.value);
         this.platform.ready().then(() => {
            window.plugins.toast.show("Profile updated success", "short",'bottom',1000);
       });
     });
    }
   if(this.ImageURL === undefined)
   {
      console.log(this.updateprofile.value);
     var val=this.af.database.list('/users');
     val.update(this.key,this.updateprofile.value);
     this.platform.ready().then(() => {
              window.plugins.toast.show("Profile update success", "short",'bottom',1000);
         });
   }
  }

这是我的模板代码

<ion-content padding>
     <ion-card  *ngIf="editvalue===false" class="card2">
       <div>
           <img  *ngIf="File" class="image2" [src]="File" imageViewer/>
           <img  *ngIf="!File" class="image2" src="http://vignette1.wikia.nocookie.net/dragonage/images/f/f4/User-info.png/revision/latest?cb=20100528043005" imageViewer/>
       </div>
      <p (click)="Edit()"> <ion-icon ios="ios-create" md="md-create"></ion-icon>&nbsp;&nbsp;Edit Profile</p>
        <ion-list class="listview">
             <ion-item *ngIf="Firstname">
                 <ion-icon name="ios-person-outline" item-left></ion-icon>
                 <h5>{{Firstname}}</h5>
             </ion-item>
             <ion-item *ngIf="Lastname">
                 <ion-icon name="ios-person-outline" item-left></ion-icon>
                 <h5>{{Lastname}}</h5>
             </ion-item>
             <ion-item *ngIf="Gender">
                 <ion-icon name="ios-person-outline" item-left></ion-icon>
                 <h5>{{Gender}}</h5>
             </ion-item>
             <ion-item *ngIf="Address">
                 <ion-icon name="ios-home-outline" item-left></ion-icon>
                 <h5>{{Address}}</h5>
             </ion-item>
             <ion-item *ngIf="Email">
                 <ion-icon name="ios-mail-outline" item-left></ion-icon>
                 <h5>{{Email}}</h5>
             </ion-item>
             <ion-item *ngIf="Mobile">
                 <ion-icon name="ios-call-outline" item-left></ion-icon>
                 <h5>{{Mobile}}</h5>
             </ion-item>
        </ion-list> 
     </ion-card>
      <ion-card *ngIf="editvalue===true" class="parent">
         <form [formGroup]="updateprofile" (ngSubmit)="submit($event)" novalidate >
                <div>
                    <img (click)="upload()" *ngIf="ImageURL" class="image2" [src]="ImageURL">
                    <img  *ngIf="File" class="image2" [src]="File" imageViewer/>
                    <img (click)="upload()" *ngIf="!File && !ImageURL " class="image2" src="http://vignette1.wikia.nocookie.net/dragonage/images/f/f4/User-info.png/revision/latest?cb=20100528043005" imageViewer/>
                </div>
                    <h6 (click)="upload()">Edit Photo</h6>
                    <p (click)="view()"><ion-icon name="eye"></ion-icon>&nbsp;&nbsp;View Profile</p>
                <ion-list>
                    <ion-item >
                       <ion-label floating >First Name</ion-label>
                        <ion-icon name="ios-person-outline" item-left></ion-icon>
                        <ion-input type="text" name="FirstName"  formControlName="FIRST_NAME"></ion-input>
                    </ion-item>
                    <ion-item >
                        <ion-label floating >Last Name</ion-label>
                        <ion-icon name="ios-person-outline" item-left></ion-icon>
                        <ion-input type="text" name="FirstName" formControlName="LAST_NAME"></ion-input>
                    </ion-item>
                    <ion-item >
                        <ion-label floating >Address</ion-label>
                         <ion-icon name="ios-home-outline" item-left></ion-icon>
                        <ion-input type="text" name="FirstName" formControlName="ADDRESS"></ion-input>
                    </ion-item>
                    <ion-item>
                        <ion-label floating>Email</ion-label>
                        <ion-icon name="ios-mail-outline" item-left></ion-icon>
                        <ion-input type="email" disabled="true" name="Email" formControlName="EMAIL"></ion-input>
                    </ion-item>
                    <ion-item>
                       <ion-label floating>Mobile 1</ion-label>
                       <ion-icon name="ios-call-outline" item-left></ion-icon>
                       <ion-input type="text" name="Username" formControlName="MOBILE1"></ion-input>
                    </ion-item>
                    <ion-item>
                        <ion-label floating>Mobile 2</ion-label>
                        <ion-icon name="ios-call-outline" item-left></ion-icon>
                        <ion-input type="text" name="Username" formControlName="MOBILE2"></ion-input>
                    </ion-item>
                    <ion-item>
                        <ion-label>Gender</ion-label>
                        <ion-select formControlName="GENDER">
                            <ion-option value="Female">Female</ion-option>
                            <ion-option value="Male">Male</ion-option>
                        </ion-select>
                    </ion-item>
                </ion-list>
                     <div class="btn">
                        <button ion-button >Update</button>
                     </div>
            </form>
     </ion-card>
</ion-content>

它的工作完美。但它会自动重定向到根页面。

实际上我没有在页面中编写任何用于重定向的功能。

我该如何解决这个问题。

请指教我。

谢谢。

Answer 1

发生这种情况是因为您在表单提交时调用此函数，并且您可能已将默认页面设置为rootpage。

从更新按钮单击调用提交方法。

您的模板应如下所示：

<form [formGroup]="updateprofile" novalidate >
  <!-- Your form content -->
 <div class="btn">
    <button ion-button (click)="submit()">Update</button>
  </div>  
</form>