https://github.com/dbankier/nano-debounce

A debounce plugin for nano
https://github.com/dbankier/nano-debounce

Last synced: about 2 months ago
JSON representation

A debounce plugin for nano

• Host: GitHub
• URL: https://github.com/dbankier/nano-debounce
• Owner: dbankier
• Created: 2015-01-15T09:40:47.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-01-19T08:20:27.000Z (almost 10 years ago)
• Last Synced: 2024-10-08T14:07:06.990Z (3 months ago)
• Language: JavaScript
• Size: 5.07 MB
• Stars: 1
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#Nano Debounce 

A debounce plug-in for [nano](https://github.com/dbankier/nano) to add a debounce

delay so that changes in the view are only applied to the model after a timer

expiry of inactivity.

Read nano docs there.

##Install

From the root of your existing alloy project you can either.

Install using [gitto](http://gitt.io/)

~~~

$ gittio install nano

$ gittio install nano-debounce

~~~

or install using npm

~~~

$ npm install ti-nano ti-nano-debounce

~~~

It will copy all the required libraries to your `app/lib` folder.

##Setup

Add the following to your `alloy.js` file:

~~~

var nano = require("nano");

var debounce = require("nano-debounce");

nano.load(debounce());

~~~

Then use nano as normal in your controller, e.g.

~~~

nano($,$model);

~~~

##Binding

The default syntax is `{{ attribute }}`. Currently there is a limitation in Alloy that prevents its usage.

See [this issue](https://github.com/dbankier/nano/issues/1).

For the examples below the follow command was used to change the syntax:

~~~

nano.syntax(/\-\=(.+?)\=\-/gi);

~~~

This changes the syntax `-= attribute =-`. 

### debounce attribute 

With the plugin you can now add the debounce attribute, e.g.

~~~

	

    

      

    

	

~~~

`person.first` will only be updated after 1000ms of inactivity.

##Building from Source

Building the distributable is done using [grunt](http://gruntjs.com/)

Enter the following:

~~~

$ npm install

$ grunt

~~~

The built library is found in at `dist/nano-debounce.js`