<commit_before># i-Reactable directives [![Build Status](https://travis-ci.org/snowyu/angular-reactable.png)](https://travis-ci.org/snowyu/angular-reactable)

These directives allows you to add the reactable/computable ability to your elements of a document.


# Requirements

- Nodejs(for toolkit chain)
- Grunt(for testing)
- Bower(the browser package manager)
- AngularJS (>=v1.2.0-rc.1)

# Install

We use [bower](http://twitter.github.com/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
```

# Usage

This will copy the angular-reactable files into your `bower_components` folder, along with its dependencies. Load the script files in your application:

```html
<script type="text/javascript" src="bower_components/codemirror/lib/codemirror.js"></script>
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/angular-reactable/i-reactable.js"></script>
```

Add the your wanted reactable directives as a dependency to your application module:

```html
<script type="text/javascript" src="bower_components/angular-reactable/i-slidable.js"></script>
```

```javascript
var myAppModule = angular.module('MyApp', ['iSlidable']);
```

Apply the directive to your form elements:

```html
<div i-slidable="{min:1, max:40}" ng-model="x"></div>
```

## directives

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:

* iFlash
* iHighlighted

# Testing
<commit_msg>* update README<commit_after># i-Reactable directives [![Build Status](https://travis-ci.org/snowyu/angular-reactable.png)](https://travis-ci.org/snowyu/angular-reactable)

These directives allows you to add the reactable/computable ability to your elements of a document.


# Requirements

- Nodejs(for toolkit chain)
- Grunt(for testing)
- Bower(the browser package manager)
- AngularJS (>=v1.2.0-rc.1)

# Install

We use [bower](http://twitter.github.com/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
```

# Usage

This will copy the angular-reactable files into your `bower_components` folder, along with its dependencies. Load the script files in your application:

```html
<script type="text/javascript" src="bower_components/codemirror/lib/codemirror.js"></script>
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/angular-reactable/i-reactable.js"></script>
```

Add the your wanted reactable directives as a dependency to your application module:

```html
<script type="text/javascript" src="bower_components/angular-reactable/i-slidable.js"></script>
```

```javascript
var myAppModule = angular.module('MyApp', ['iSlidable']);
```

Apply the directive to your form elements:

```html
<div i-slidable="{min:1, max:40}" ng-model="x"></div>
```

## directives

the directives are made of reactable directives and helper directives.

### reactable directives

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.

#### iSlidable/iClickable/iPlayable



### helper directives

* iFlash
* iHighlighted



# Testing

{'fraction_non_alphanumeric': 0.12487969201154957, 'fraction_numerical': 0.003368623676612127, 'mean_word_length': 5.158518518518519, 'pattern_counts': {'":': 2, '<': 23, '<?xml version=': 0, '>': 25, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1389639', 'n_tokens_mistral': 1337, 'n_tokens_neox': 1253, 'n_words': 400}