Ionic แอพ : แก้ไข Page แบบ tabs

แอพแบบ tabs หน้า About เดิมมีหน้าตาแบบนี้
about1
แต่จะเปลี่ยนให้เป็นแบบนี้
about2

สร้างแอพแบบ 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]