David Chao

David Chao

#
Ionic

Ionic 4 自訂 back 按鈕的 click event

2020/03/26

在 ionic 4 中只要加上 <ion-back-button> 就可以很方便的方我們加上返回鈕,但有的時候我們需要再返回前做一些檢查,例如說頁面上有一些資料變更了,但是使用者還沒有儲存,這時候如果提示一下,體驗一定比較好!

直接看看如何實作,假設我們的頁面叫做 profile,點擊 back 的時候會跳 alert 提示要不要儲存,profile.page.ts 如下

html 記得加上按鈕

這樣就可以囉,看看效果,特別注意這個方法對 Android 手機上的返回按鈕無效喔!

發佈留言