javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 05:21:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(demos): update checkbox demo

Browse Source
This commit is contained in:
Adam Bradley
2016-02-18 14:33:43 -06:00
parent ad276fa25d
commit 10503a8997
2 changed files with 33 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
demos/checkbox/index.ts
View File

@ -3,4 +3,23 @@ import {App} from 'ionic/ionic';
@App({ @App({
templateUrl: 'main.html' templateUrl: 'main.html'
}) })
class ApiDemoApp {} class ApiDemoApp {
data;
constructor() {
this.data = {
jon: true,
daenerys: true,
arya: false,
tyroin: false,
sansa: true,
khal: false,
cersei: true,
stannis: true,
petyr: false,
hodor: true,
catelyn: true
};
}
}

25
demos/checkbox/main.html
View File

@ -6,64 +6,65 @@
<ion-list> <ion-list>
<ion-item> <ion-item>
<ion-checkbox checked="true"></ion-checkbox> <ion-checkbox [(ngModel)]="data.jon"></ion-checkbox>
<ion-label>Jon Snow</ion-label> <ion-label>Jon Snow</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox dark checked="true"></ion-checkbox> <ion-checkbox dark [(ngModel)]="data.daenerys"></ion-checkbox>
<ion-label>Daenerys Targaryen</ion-label> <ion-label>Daenerys Targaryen</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox value="cherry" disabled="true"></ion-checkbox> <ion-checkbox [(ngModel)]="data.arya" disabled="true"></ion-checkbox>
<ion-label>Arya Stark</ion-label> <ion-label>Arya Stark</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox secondary></ion-checkbox> <ion-checkbox [(ngModel)]="data.tyroin" secondary></ion-checkbox>
<ion-label>Tyrion Lannister</ion-label> <ion-label>Tyrion Lannister</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox danger checked="true"></ion-checkbox> <ion-checkbox [(ngModel)]="data.sansa" danger></ion-checkbox>
<ion-label>Sansa Stark</ion-label> <ion-label>Sansa Stark</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox></ion-checkbox> <ion-checkbox [(ngModel)]="data.khal"></ion-checkbox>
<ion-label>Khal Drogo</ion-label> <ion-label>Khal Drogo</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox energized checked="true" dark></ion-checkbox> <ion-checkbox [(ngModel)]="data.cersei" dark></ion-checkbox>
<ion-label>Cersei Lannister</ion-label> <ion-label>Cersei Lannister</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox royal checked="true"></ion-checkbox> <ion-checkbox [(ngModel)]="data.stannis"></ion-checkbox>
<ion-label>Stannis Baratheon</ion-label> <ion-label>Stannis Baratheon</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox disabled="true"></ion-checkbox> <ion-checkbox [(ngModel)]="data.petyr" disabled="true"></ion-checkbox>
<ion-label>Petyr Baelish</ion-label> <ion-label>Petyr Baelish</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox dark checked="true"></ion-checkbox> <ion-checkbox [(ngModel)]="data.hodor" dark></ion-checkbox>
<ion-label>Hodor</ion-label> <ion-label>Hodor</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox secondary checked="true"></ion-checkbox> <ion-checkbox [(ngModel)]="data.catelyn" secondary></ion-checkbox>
<ion-label>Catelyn Stark</ion-label> <ion-label>Catelyn Stark</ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-checkbox royal></ion-checkbox> <ion-checkbox [(ngModel)]="data.bronn" royal></ion-checkbox>
<ion-label>Bronn</ion-label> <ion-label>Bronn</ion-label>
</ion-item> </ion-item>
</ion-list> </ion-list>
</ion-content> </ion-content>