標(biāo)簽組件：（1）指定進(jìn)入應(yīng)用程序的默認(rèn)標(biāo)簽：<ion-tabs id="mainTabs" selectedIndex="0"></ion-tabs>
在頁面指定：static get parameters（）{
?return[[IonicApp]];}
constructor()（APP）{
this.app =app;}
onPageDidEnter（）{
let tabs = this.app.getComponent（“mainTabs”）;
tabs.select（0）;}
button組件：<button><ion-button name="home"></ion-button>Login</button>
Input組件：獲取輸入的用戶名蛉签，使用角的雙向綁定：[（ngModel）] = “user.username”
JS文件中對用戶和用戶名進(jìn)行初始化：constructor（）{
this.user = {}; //用戶是一個對象兔乞，所以用{}
this.user.username = “”;}
file（）{
alert（this.user.username）;}
loading組件：
constructor（
publicloadingCtrl：LoadingController
）{
}
test（）{
letloader = this.loadingCtrl.create（{
content:"請稍等...",
?duration:1000
}）;
loader.present（）;
的setTimeout（（）=> {
loader.dismiss（）;}毯欣，3000）;
}
Grid組件：
HTML里：<ion-row> <ion-col> </ion-col> </ion-row>
調(diào)格式可在SCSS里用：ion-row{padding：0}ion-col {padding：0}
Modal組件：
JS文件中：test（）{
var modal = Modal.create（LoginPage）;
this.nav.present（modal）;
}
toolbar組件：
js文件：
static get parameters（）{
return [[ViewController]];
}
constructor(){
this.viewController=viewController;
}
dismiss(){
this.viewController.dismiss();
}
<ion-avatar></ion-avatar>//頭像控件
