forked from revolunet/angular-stepper
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
47 lines (45 loc) · 1.77 KB
/
index.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
45
46
47
<html>
<head>
<title>angular-stepper demo</title>
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<link href='dist/angular-stepper.css' rel='stylesheet' type='text/css'>
<style>
* {
font-family: 'Roboto Slab', serif;
}
</style>
<script src="//code.angularjs.org/1.2.7/angular.min.js"></script>
<script src="./dist/angular-stepper.js"></script>
<script>
angular.module('demo', ['revolunet.stepper'])
.controller('DemoController1', function($scope) {
$scope.score = 42;
$scope.minScore = 45;
$scope.maxScore = 50;
})
.controller('DemoController2', function($scope) {
$scope.score = 42;
$scope.minScore = 45;
$scope.maxScore = 50;
});
</script>
<head>
<body ng-app="demo">
<a href="https://github.com/revolunet/angular-stepper"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
<h3>angular-stepper demo</h3>
<div ng-controller="DemoController1">
Score : {{ score }}<br>
Min score : {{ minScore }}<br>
Max score : {{ maxScore }}<br>
<br>
<div rn-stepper min="minScore" max="maxScore" ng-model="score"></div>
</div>
<div ng-controller="DemoController2">
Score : {{ score }}<br>
Min score : {{ minScore }}<br>
Max score : {{ maxScore }}<br>
<br>
<div rn-stepper min="minScore" max="maxScore" label="point" ng-model="score"></div>
</div>
</body>
</html>