forked from seiyria/angular-bootstrap-slider
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
44 lines (33 loc) · 1.78 KB
/
test.html
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
<html ng-app='angular-bootstrap-slider-test'>
<head>
<title>Angular Bootstrap Slider test</title>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="bower_components/seiyria-bootstrap-slider/dist/css/bootstrap-slider.css">
</head>
<body ng-controller="TestCtrl">
<div class="col-md-2 col-md-offset-2">
<slider ng-model="sliders.sliderValue" min="{{testOptions.min}}" step="{{testOptions.step}}" max="{{testOptions.max}}" value="{{testOptions.value}}"></slider>
{{sliders.sliderValue}}
<br><br><br><br>
<span slider ng-model="sliders.secondSliderValue" min="{{minTest}}" slider-id="{{idTest}}"></span>
{{sliders.secondSliderValue}}
<br><br><br><br>
<span slider ng-model="sliders.rangeSliderValue" min="{{testOptions.min}}" max="{{testOptions.max}}" range="true" slider-id="rangeSlider1"></span>
{{sliders.rangeSliderValue}}
<br><br><br><br>
<span ng-model="sliders.rangeSliderValue2" slider min="{{testOptions.min}}" max="{{testOptions.max}}" range="true" value="[55,70]" slider-id="rangeSlider2"></span>
{{sliders.rangeSliderValue2}}
<br><br><br><br>
<slider ng-model="sliders.thirdSliderValue" formater="myFormater"></slider>
{{sliders.thirdSliderValue}}
</div>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js"></script>
<!-- angular-slider include -->
<script src="slider.js"></script>
<!-- test file include -->
<script src="test.js"></script>
</body>
</html>