These directives allows you to add the reactable/computable ability to your elements of a document.
- Nodejs(for toolkit chain)
- Grunt(for testing)
- Bower(the browser package manager)
- AngularJS (>=v1.2.0-rc.1)
We use bower for dependency management.
cd your_appbower install angular-reactable --save
this will install angular-reactable and add the dependency into 'bower.json' file:
Or write the dependency to your
bower.json file. Then run
This will copy the angular-reactable files into your
bower_components folder, along with its dependencies. Load the script files in your application:
Add the your wanted reactable directives as a dependency to your application module:
var myAppModule = angular;
Apply the directive to your form elements:
we have these reactable directives:
- iSlidable: slide on the element to change value
- iClickable: click on the element to change value
- iPlayable: play carousel to change value.
- iExecutable: the value is script code can be executable.
Working with ng-model
All the reactable directives plays nicely with ng-model.
and some helper directives:
We use karma (the new testacular) and jshint to ensure the quality of the code. The easiest way to run these checks is to use grunt:
hub clone snowyu/angular-reactablenpm install -g grunt-cli bowernpm installbower installgrunt test
The karma task will try to open Firefox as a browser in which to run the tests. Make sure this is available or change the configuration in