作者：猿奇
鏈接：www.reibang.com/p/9d8c7b7558d8
來源：簡書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)春弥，非商業(yè)轉(zhuǎn)載請注明出處呛哟。
1、ion-toggle 點擊“開關(guān)”：
調(diào)用toggleFun方法將toggle值傳到ts:
<ion-toggle [(ngModel)]="isToggled" (ionChange)="toggleFun()"></ion-toggle>
ts調(diào)用：
public isToggled: boolean;
constructor(...) {
this.isToggled = false;
}
public toggleFun() {
console.log("Toggled: "+ this.isToggled);
}
2惕稻、ion-radio 單選及Tab切換：
調(diào)用langSelect方法將radio value值傳到ts:
<ion-list radio-group [(ngModel)]="langSelect" (ionChange)="langSelect()">
<ion-list-header>
Language
</ion-list-header>
<ion-item>
<ion-label>Javascript</ion-label>
<ion-radio checked="true" value="0"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Java</ion-label>
<ion-radio value="1"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Python</ion-label>
<ion-radio value="2"></ion-radio>
</ion-item>
</ion-list>
<div class="langSelect0" *ngIf="langSelect=='0'">Javascript Cnt</div>
<div class="langSelect1" *ngIf="langSelect=='1'">Java Cnt</div>
<div class="langSelect2" *ngIf="langSelect=='2'">Python Cnt</div>
ts調(diào)用：
public langSelect= "0";
public langSelect() {
console.log("langSelect: "+ this.langSelect);
}
ion-toggle竖共、ion-radio、ion-checkbox 等用法都差不多俺祠，交互不同進行不同的操作
很久沒有更新技術(shù)貼了，之前也是趕上公司項目忙得暈頭轉(zhuǎn)向借帘，什么小程序蜘渣、混合開發(fā)APP、公眾號肺然、管理后臺及webApp,七八個項目蔫缸，也是累得沒正形了。际起。拾碌。
呵呵，偷偷透露一句街望，最近本寶寶換工作了……
發(fā)現(xiàn)新興技術(shù)猿們都在簡書更貼校翔，我也來啦，Ionic相關(guān)的技術(shù)問題灾前，會慢慢更新上來防症，歡迎關(guān)注！
