แอพแบบ tabs หน้า About เดิมมีหน้าตาแบบนี้
แต่จะเปลี่ยนให้เป็นแบบนี้
สร้างแอพแบบ tabs
[code]
> ionic start myApp tabs
[/code]
รันด้วยคำสั่ง
[code]
> cd myApp
> ionic serve
[/code]
แก้ไขหน้า About ให้เป็นหน้า Create Account
แก้ไขไฟล์ /src/pages/tabs/tabs.html
โดยแก้ที่ tab2Root
[code]
<ion-tabs>
<ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Create Account!" tabIcon="leaf"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion-tab>
</ion-tabs>
[/code]
แก้ไขไฟล์ /src/pages/about/about.html
[code]
<ion-header>
<ion-navbar>
<ion-title>
Create Account
</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-item>
<ion-input type="text" placeholder="First Name"></ion-input>
</ion-item>
<ion-item>
<ion-input type="text" placeholder="Last Name"></ion-input>
</ion-item>
</ion-list>
<div padding>
<button ion-button primary block>Create Account</button>
</div>
</ion-content>
[/code]