FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
ionic/test/html/toggle.html at master · Java1024/ionic · GitHub
Java1024
ionic
Repository navigation
Code
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
ionic
/
test
/
html
/
toggle.html
Copy path
More file actions
More file actions
Latest commit
History
History
History
45 lines (41 loc) · 1.66 KB
Breadcrumbs
ionic
/
test
/
html
/
toggle.html
Copy path
File metadata and controls
45 lines (41 loc) · 1.66 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
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
<!DOCTYPE html
>
<
html
ng-app
="
toggleTest
"
>
<
head
>
<
meta
charset
="
utf-8
"
>
<
title
>
Toggle
</
title
>
<!-- Sets initial viewport load and disables zooming -->
<
meta
name
="
viewport
"
content
="
initial-scale=1, maximum-scale=1, user-scalable=no
"
>
<
link
rel
="
stylesheet
"
href
="
../../../../dist/css/ionic.css
"
>
<
script
src
="
../../../../dist/js/ionic.bundle.js
"
>
</
script
>
</
head
>
<
body
>
<
header
class
="
bar bar-header bar-danger
"
>
<
h1
class
="
title
"
>
Toggle
</
h1
>
</
header
>
<
ion-content
class
="
has-header reveal-animation
"
>
<
div
ng-controller
="
TestCtrl
"
>
<
div
class
="
list
"
>
<
ion-toggle
ng-model
="
checkModel2
"
ng-change
="
myChange = checkModel2
"
>
Main Check
</
ion-toggle
>
<
ion-checkbox
ng-model
="
checkModel
"
ng-change
="
myChange = checkModel
"
>
Main Check
</
ion-checkbox
>
<
ion-checkbox
ng-checked
="
myChange
"
>
Follows ng-change of Main Check
</
ion-checkbox
>
<
ion-toggle
ng-model
="
myModel
"
ng-disabled
="
isDisabled
"
>
myModel ({{!!myModel}})
</
ion-toggle
>
<
ion-toggle
ng-model
="
catModel
"
ng-disabled
="
isDisabled
"
ng-true-value
="
cats
"
ng-false-value
="
dogs
"
>
Cats or dogs? ({{catModel}})
</
ion-toggle
>
<
ion-toggle
ng-model
="
isDisabled
"
>
Disable myModel ({{!!isDisabled}})
</
ion-toggle
>
<
ion-toggle
toggle-class
="
toggle-assertive
"
ng-checked
="
true
"
>
Set toggle class to toggle-assertive
</
ion-toggle
>
</
div
>
</
div
>
</
ion-content
>
<
script
>
angular
.
module
(
'toggleTest'
,
[
'ionic'
]
)
.
controller
(
'TestCtrl'
,
function
(
$scope
)
{
$scope
.
catModel
=
'dogs'
;
}
)
;
</
script
>
</
body
>
</
html
>
Back
|
FazBrowse Home
|
New Git URL