angular-circle-slider

1.0.3 • Public • Published

angular-circle-slider

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

Package Sidebar

Install

npm i angular-circle-slider

Weekly Downloads

6

Version

1.0.3

License

MIT

Last publish

Collaborators

  • linjinying