Directive that allows for click-and-drag or just a click for highlighting words within any container
regardless of type. The on-select attribute value is evaluated whenever a word or a group of words
have been highlighted. The selection object is passed in as selection in the evaluated component.
Additionally, if auto-highlight is also present, upon selection the selected text is automatically
highlighted. This is * effectively the same as calling selection.highlight(..) with some basic
defaults.
If snap-to-word is present, the selected text is expanded to include whole words (including punctuation).
If snap-to-word is turned on, simply clicking on a word is the same as highlighting the whole word.
The below example shows how to use on-select to automatically highlight a word and then after 2000ms the highlight
is removed. This is actually demoed in example/index.html.
angular.module('example', ['onSelect'])
.controller('ExampleController', function() {
var vm = this;
vm.handler = handler;
return this;
function handler(selection) {
setTimeout(function() {
selection.removeHighlight();
}, 2000);
};
});<div ng-controller="ExampleController as vm">
<div on-select="vm.handler(selection);" auto-highlight snap-to-word>
Bacon ipsum dolor amet ut beef ribs culpa...
</div>
</div>$ npm install --save angular-onselect
-- or --
$ bower install --save angular-onselectPlease file a github issue for any problems or feature requests.
See Contributing