ionic3: การสร้าง SideMenu (tabs)

ภาพที่ 1 : เพจ Home, About และ Contact อยู่ในแทบ
ภาพที่ 2 : กดด้านบนซ้าย หรือรูทจากหน้าจอด้านซ้ายมาด้านขวา แสดงเมนู
ภาพที่ 3 : เพจ Help ไม่อยู่ในแทบ

สร้างโปรเจ็กส์ชื่อ blog

ionic start blog tabs

สร้างเพจชื่อ help

ionic g page help

หน้า Home, About และ Contact อยู่ในแทบ แต่หน้า Help ไม่อยู่ในแทบ

แก้ไขไฟล์

  1. src/app/app.module.ts
  2. src/app/app.components.ts
  3. src/app/app.html
  4. src/pages/home/home.html
  5. src/pages/about/about.html
  6. src/pages/contact/contact.html
  7. src/pages/help/help.html
  8. src/pages/tabs/tabs.html
  9. src/pages/tabs/tabs.ts

1. src/app/app.module.ts

2. src/app/app.components.ts

3. src/app/app.html

4. src/pages/home/home.html

5. src/pages/about/about.html

6. src/pages/contact/contact.html

7. src/pages/help/help.html

8. src/pages/tabs/tabs.html

9. src/pages/tabs/tabs.ts

Link