1. 程式人生 > >ionic學習(四):Tab控制元件 學習二

ionic學習(四):Tab控制元件 學習二

實現功能:

1.新增tabs頁面:下部新增一個新聞按鈕

2.去掉二級頁面tabs選單:


3.修改返回按鈕:上圖的左上方箭頭

步驟

1. 將news頁面放在下面

  在tabs.ts和tabs.html中引入並顯示news元件

    圖示在這找:https://ionicframework.com/docs/ionicons/

2.建立新聞詳情頁面:ionic g page newsinfo  ,並在app.module.ts中引入這個頁面

3.每條資料點選後都進入newsinfo



4.取點底部選單

隱藏所有子頁面中的選單


5.修改返回按鈕