使用firebase进行离子3页重定向

时间:2017-07-10 06:15:30

标签: angular ionic2 angularfire2 ionic3

我正在使用离子3。

我安装了角火2。

我的根页是仪表板。

在我的UpdateProfile部分下面。

这是我的表单(updateprofile.html)

 <form [formGroup]="updateprofile"  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" (click)="submit($event)">
                        <button class="update" ion-button >Update</button>
                     </div>
            </form>

这是我的提交功能(updateprofile.ts)

submit(event: Event){
    event.preventDefault();
    if(this.ImageURL != undefined)
    {
       var fileName = 'sample-' + new Date().getTime() + '.jpg';
       let uploadTask = this.firebase.storage().ref('profile/' + fileName);
        console.log(this.updateprofile.value);
         uploadTask.put(this.getURL).then((snapshot) => {
         this.updateprofile.controls['FILE'].setValue(snapshot.downloadURL); 
         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);

         });
    // this.editvalue=true;
   }
  }

我没有在页面重定向中编写任何代码。但页面会自动重定向到根页面。

如果我禁用了firebase更新功能。页面不会重定向到rootpage。

我该如何解决这个问题。

我不知道。

我也参考论坛..

请建议我,

感谢。

0 个答案:

没有答案