🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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.

Forms Plugins

Documentation

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 

You May Also Like