IONIC基礎界面跳轉

基本使用

使用方法十分簡單,個人認爲與Android的界面跳轉十分類似。

這裏寫圖片描述

這裏寫圖片描述

  1. 首先在constructor構造函數中導入NavController參數

  2. 其次使用NavController的push方法進行界面跳轉,
    參數1:目標界面(必填); 參數2:傳遞的值(非必填)

  3. 最後在目標界面也使用NavParams獲得上個界面傳遞的數據

總結:ionic2開始界面跳轉的使用方法還是非常方便使用的。

實現原理

基於我本人的一些不成熟的理解來看,ionic2界面的顯示使用的是頁面堆棧的形式,在app.component.ts裏面的rootPage的基礎上,以先入後出的方式進行實現。其中rootPage是必須的但也是可以更改的,利用NavController的push和pop方法對頁面進行操作,如果是Android開發人員,完全可以把這個當成是Activity的標準啓動模式來看,或許會比較容易理解。

有興趣的也可以直接看官方文檔,裏面有更加詳細的介紹,NavControllerNavParams

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章