landers.angular
Version:
landers.angular
45 lines (43 loc) • 1.57 kB
HTML
<html ng-app="LandersExample">
<head>
<link href="../../landers.slider/landers.slider.css" rel=stylesheet>
<script src="https://cdn.bootcss.com/angular.js/1.5.8/angular.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.11.2/jquery.js"></script>
<script src="http://consoles.seedmssp.com/bower_components/jquery-ui/jquery-ui.min.js"></script>
<script src="../../landers.base/landers.ulan.base.js"></script>
<script src="../../landers.slider/landers.slider.js"></script>
<script src="../landers.ulan.angular.js"></script>
<script>
var app = angular
.module('LandersExample', [
'Landers.angular'
])
.controller('DatasliderController', ['$scope', function($scope){
$scope.$dataslider = {
config: angular.toJson({
'min': 1,
'max': 12,
'step': 1,
'value': 1,
'unit': '个月',
'range': 'min',
'name': '购买时长',
}),
data: 3,
onStop: function(){
console.log('stop');
}
}
}]);
</script>
<title>directive-dataslider</title>
</head>
<body>
<div ng-controller="DatasliderController">
<div style="width:300px; margin: 0 auto; padding-top: 50px;">
<dataslider config="$dataslider.config" ng-model="$dataslider.data" slidestop="$dataslider.config"/>
</div>
</div>
</body>
</html>