angular-circle-slider

###注意 该组件将作为ui组件的形式并入angular-components。此版本不再维护。

###Annoucement This directive is now obsolete. A new initiative, more active is available at angular-components.

demo

click here

说明

一个基于angularJS的圆形slider(a circular slider based on angularJS)，目前支持的API有：

• value 初始化的数据
• readonly 只读
• onStart function(value){}开始滚动事件
• onFinish function(value){}结束滚动事件
• onChange function(value){}滑动Change事件

Requirements

• jquery
• angular

####Install

bower install angular-circle-slider

npm install angular-circle-slider

Basic Usage

html代码

<div circle-slider="options"></div>

angular代码

var app = angular.module('app', ['ui.circleSlider']);
app.controller('ctrl', ['$scope', function($scope) {
    $scope.options = {
    	value:60,
        onStart:function(value){
            console.info('startValue:' + value);
        },
        onChange:function(value){
            console.info('currentValue:' + value);
        },
        onFinish:function(value){
            console.info('endValue:' + value);
        }
    }
}]);

Support

ie9+ chrome firefox safari

####License

This plugin is licensed under the MIT license.

Copyright (c) 2016 linjinying