ionic3: สร้าง Submenu #3

  1. เตรียมโปรเจ็กส์
  2. เตรียมเมนู
  3. app.component.ts
  4. วาดเมนู และเรียกใชงานเมนู

1. เตรียมโปรเจ็กส์

ionic start Sidemenu sidemenu

สร้างเพจ topic1 และ topic2

cd Sidemenu 
ionic g page topic1
ionic g page topic2

สร้าง provider menu

ionic g provider menu

ลบโฟลเดอร์ src/pages/list

2. เตรียมเมนู

src/providers/menu/menu.ts

3. app.module.ts

src/app/app.module.ts

4. app.component.ts

src/app/app.component.ts

5. วาดเมนู และเรียกใชงานเมนู

src/app/app.html

src/pages/home/home.html

Note: home.html มีเมนูอยู่แล้ว ไม่ต้องแก้ไขอะไร

src/pages/topic1/topic1.html

src/pages/topic1/topic2.html

Link