Angular Keyboard

Keyboard behavior for AngularJS Webapps.

(But the directives also respond to touch & mouse events)

Goals

* Bring desktop-class keyboard navigation to webapps.
* Add behavior without adding styling or new scopes.
* No additional plugins required. (jQuery is optional)

Demos

* kbList & kbSelect demo
* Scroll and orientation demo
* kbFocus demo
* kbInvoke demo

Installation

$3

``shell
npm install angular-keyboard --save
`

$3

`shell
bower install angular-keyboard --save
`

Then add a
`

And add the 'keyboard' module as dependency.

`js
angular.module('myApp', ['keyboard']);
`

Directives

$3

A kb-item in a kb-list can selected using the arrow keys and by clicking on the kb-item.

#### Example

`html


`css
[kb-item] {
cursor: pointer;
}
[kb-item].kb-selected {
background: lightblue;
}
`

$3

A kb-item in a kb-select can activated using the arrow keys but is selected (and deselected) by pressing 'space' or 'enter' keys or clicking an the kb-item.

#### Example

`html


`html

`

`js
app.controller('MyCtrl', function($scope, kbFocus) {
$scope.someAction = function() {
kbFocus('label');
};
});
`

$3

Set the autofocus attribute based on an expression.

`html

`

$3

An event handler for kb-item. Triggered when clicked or (when focused) with space and enter keys.

`html


• {{item.title}}

* Install node.js
* Install gulp: npm install -g bower gulp
* Install dependencies: npm install in the repository directory.
* gulp build to build
* gulp watch` for building & livereload on every change.