我正在使用离子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> 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。
我该如何解决这个问题。
我不知道。
我也参考论坛..
请建议我,
感谢。