These directives allows you to add the reactable/computable ability to your elements of a document.
npm install angular-reactableThese 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.
``sh`
cd your_app
bower install angular-reactable --save
this will install angular-reactable and add the dependency into 'bower.json' file:
`json`
dependencies: {
"angular-reactable": "latest"
}
Or write the dependency to your bower.json file. Then run
`sh`
bower install
This will copy the angular-reactable files into your bower_components folder, along with its dependencies. Load the script files in your application:
`html`
Add the your wanted reactable directives as a dependency to your application module:
`html`
`javascript`
var myAppModule = angular.module('MyApp', ['iSlidable']);
Apply the directive to your form elements:
`html`
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.
All the reactable directives plays nicely with ng-model.
and some helper directives:
* iFlash
* iHighlighted
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:
`sh`
hub clone snowyu/angular-reactable
npm install -g grunt-cli bower
npm install
bower install
grunt 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 test\karma.conf.js`