2017-02-13 19 views
-1

私はGoogleから様々なソリューションを試していますが、それらはすべてIonic 1とIonicとAngularの他のバージョンのようです。オンボタン前の状態に戻る

HTML

<button class="edit" (click)="goBackToEnhancementPage();">Edit</button> 

歴史の中で以前の状態に後藤に私が欲しい

をクリックして活字体

これは

export class BookingConfirmationPage { 

     //Some properties 

     constructor(public navCtrl: NavController, public navParams: NavParams) { 
     //Some codes 
     } 

     goBackToEnhancementPage(){ 
     canGoBack(); 
     } 

    } 
現在の状態であります

以前の状態

export class BookingEnhancementPage { 

    //Some code 

    constructor(public navCtrl: NavController, public navParams: NavParams, public loadingCtrl: LoadingController, private formBuilder: FormBuilder) { 
    //This is previous state 
    } 

} 

これは動作しません。何が間違っているのかアドバイスしてください。

+0

あなたの前の状態は何ですか?より多くの情報で投稿を更新してください。 – Aravind

+0

@Aravindをご確認ください質問を編集しました –

答えて

5

navControllerを使用して以前の状態、別名「戻る」機能に戻そうとしていることを推測しています。

イオンナビゲーションが機能する方法は、スタックのようである、新しいページはページを経由して、「プッシュ」を経由して、スタックの最上位にプッシュされます、スタックの最上位から削除されます「ポップ」を経由して

移動するには

this.navCtrl.pop(); 

をしかし、その前に、あなたがからNavControllerにあなたの前のページを押していることを確認したり、あなたの「BookingConfirmationPage」ページをsetRootています戻って以前の状態に、uが使用することができます。

あなたが上に読みたいかもしれません:あなたはBookingEnhancementPageであなたの以前の内容は、ユーザーの以前に入力したデータで満たされるようにしたい場合は、あなたがのlocalStorageを組み合わせて使用​​することもできますし、onPageBeforeEnter/onPageWillEnter移入するhttps://ionicframework.com/docs/v2/api/navigation/NavController/

フィールド。

+0

ありがとうございます。できます! –

関連する問題