<div ng-app="example"> <div ng-controller="ctrl"> <ul keyboard-selectable="list item" select-next="down" select-previous="up" keyboard-prevent-default> <li ng-repeat="item in items"> <a keyboard-shortcut="space" ng-click="tell(item)" selection-shortcut keyboard-title="Select list item">{{item}}</a> </li> </ul> <h4>Keyboard Shortcuts</h4> <keyboard-help></keyboard-help> </div> </div>
angular.module('example', ['angular-keyboard']).controller('ctrl', function ($scope) { $scope.items = ['Cats', 'Dogs', 'Elephants', 'Card Games']; $scope.tell = function (el) { alert('You selected item "' + el + '"'); }; });