2-stronne przekierowania jonowe - kątowe, jonowe2

Używam ionic 2.

Oto moja funkcja przesyłania.

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);

});

}
}

tutaj jest mój kod szablonu

<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="/images/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="/images/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>

Działa doskonale. Ale automatycznie przekierowuje na rootpage.

Właściwie nie napisałem żadnej funkcji na stronie do przekierowania.

Jak mogę rozwiązać ten problem?

Uprzejmie proszę o poradę.

Dzięki.

Odpowiedzi:

Dzieje się tak, ponieważ wywołujesz tę funkcję przy składaniu formularza i możesz ustawić stronę domyślną na stronę główną.

Wybierz metodę przesyłania z przycisku aktualizacji kliknij.

Twój szablon powinien wyglądać jak poniżej:

<form [formGroup]="updateprofile" novalidate >

<!-- Your form content -->

<div class="btn">

<button ion-button (click)="submit()">Update</button>

</div>

</form>