Ionic4.x 創建頁面以及頁面跳轉


創建頁面:

1、cd 到項目目錄 
2、通過ionic g page 頁面名稱 
3、創建完成組件以后會在 src 目錄下面多一個 button 的目錄,它既是一個頁面也是一個 模塊。
4、如果我們想在 tab1 里面寫一個按鈕點擊跳轉到 button 頁面的話我們可以通過使用 Angular 的路由跳轉。在 ionic4.x 中路由是完全基於 angular,用法幾乎和 angular 一樣。
5、ionic4.x 中跳轉到其他頁面不會默認加返回按鈕,如果我們想給 button 頁面加返回的話 需要找到 button 對應的 button.page.html,然后在再頭部加入 ion-back-button。
<ion-header>
  <ion-toolbar>
    <ion-title>
      Tab One
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
   
  <ion-button color="primary" [routerLink]="[ '/button' ]">  跳轉到按鈕組件頁面 </ion-button>
</ion-content>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM