Input slider for AngularJS

by Ivan Gerasimenko

HTML

<script src="http://prajwalkman.github.io/angular-slider/angular-slider/angular-slider.js"></script>
<link rel="stylesheet" href="http://prajwalkman.github.io/angular-slider/angular-slider/angular-slider.css">
<!DOCTYPE html>
<html ng-app="app">
<head>
	<meta charset="UTF-8">
	<title>angular-slider example</title>
</head>
<body>
	
<div style="width:400px;" ng-controller="ItemCtrl">
    <slider floor="0" ceiling="100" precision="2" ng-model="cost"></slider>
    <span>{{cost}}</span>
</div>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.min.js"></script>
</body>
</html>

JavaScript

app = angular.module('app', ['uiSlider']);

app.controller('ItemCtrl', ['$scope', function($scope) {
    $scope.cost = 50
}]);