ngCopyText - HTML5 (Non-Flash) Based Copy to clipboard using AngularJS

A simple AngularJS directive that uses document.exec('copy') and updates the user's clipboard.

How to get it ?

Manual Download

Download the from here

Bower

bower install ng-copy-text

CDN

ng-clip is available at cdnjs

Usage

1. Add ng-copy-text.js to your main file (index.html)

<script type="text/javascript" src="bower_components/ng-copy-text/dist/ng-copy-text.js"></script>

2. Set ngCopyText as a dependency in your module

var myapp = angular.module('myapp', ['ngCopyText'])

3. Add copy-text directive to the wanted element, example:

<span copy-text>Text To Copy</span>

4. In Unsupported Browsers, the text will be selected, allowing user's to [CMD+C] or [Ctrl+C] to copy

Examples

You can check out this live example here: http://plnkr.co/XXXX

Credits

This project was initially forked from the application template seed here https://github.com/refactorthis/angular-component-seed.git