ng-click-select

Angular directive to select contents of text input when clicked.

Usage no npm install needed!

<script type="module">
  import ngClickSelect from 'https://cdn.skypack.dev/ng-click-select';
</script>

README

ng-click-select

This branch is for Angular 2. For Angular 1.x, see the 1.x branch.

Angular directive to select contents of text input or text area elements when clicked. Useful to allow user to easily copy value into their clipboard without a Flash-based solution like ZeroClipboard.

See demo.

Also available at ngModules.org.

In The Wild

These projects use ng-click-select:

Install

Depends on Angular 2.

Via Bower:

$ bower install --save ng-click-select#2

Then include src/ng-click-select.js in your page.

And/or add it as a dependency of your module, e.g.:

import NgClickSelect from 'src/ng-click-select';

@Component({
  /* ... */
})
@View({
  template: '<input type="text" ng-click-select />',
  directives: [NgClickSelect]
})
class NgClickSelectExample {
  /* ... */
}

Examples

Inputs

<input type="text" ng-click-select />

Textareas

<textarea class="ng-click-select"></textarea>

Build

npm i
tsd reinstall
npm run tsc