ionic/demos/src/toggle/page.html at master · CssFormWork/ionic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<ion-header>

  <ion-navbar>
    <ion-title>Toggle</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>

  <ion-list>

    <ion-item>
      <ion-label>Frodo Baggins</ion-label>
      <ion-toggle [(ngModel)]="data.frodo"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Sam</ion-label>
      <ion-toggle [(ngModel)]="data.sam"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Éowyn</ion-label>
      <ion-toggle [(ngModel)]="data.eowyn" color="danger"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Legolas</ion-label>
      <ion-toggle [(ngModel)]="data.legolas" disabled="true"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Gimli</ion-label>
      <ion-toggle [(ngModel)]="data.gimli" color="danger"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Saruman</ion-label>
      <ion-toggle [(ngModel)]="data.saruman" color="dark"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Gandalf</ion-label>
      <ion-toggle [(ngModel)]="data.gandalf" color="secondary"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Arwen</ion-label>
      <ion-toggle [(ngModel)]="data.arwen" disabled="true"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Boromir</ion-label>
      <ion-toggle [(ngModel)]="data.boromir"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Gollum</ion-label>
      <ion-toggle [(ngModel)]="data.gollum" color="dark"></ion-toggle>
    </ion-item>

    <ion-item>
      <ion-label>Galadriel</ion-label>
      <ion-toggle [(ngModel)]="data.galadriel" color="secondary"></ion-toggle>
    </ion-item>

  </ion-list>

</ion-content>