ionic3: สร้าง Submenu #3

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

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

[code]
ionic start Sidemenu sidemenu
[/code]

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

[code]
cd Sidemenu
ionic g page topic1
ionic g page topic2
[/code]

สร้าง provider menu

[code]
ionic g provider menu
[/code]

ลบโฟลเดอร์ 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