An AngularJS simple directive that uses ZeroClipboard and updates the user's clipboard.

Download the from here

bower install zeroclipboard ng-clip

npm install zeroclipboard ng-clip

ng-csv is available at cdnjs

1. Add ng-clip.js and ZeroClipboard.js to your main file (index.html)

2. Update the .swf path location using ngClipProvider

  .config(['ngClipProvider', function(ngClipProvider) {
    ngClipProvider.setPath("bower_components/zeroclipboard/dist/ZeroClipboard.swf");
  }]);

3. Set ngClipboard as a dependency in your module

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

4. Add clip-copy directive to the wanted element, example:

<a href="" clip-copy="getTextToCopy()" clip-click="doSomething()">Copy</a>

5. You can optionally override zeroclipboard config parameters using ngClipProvider

    ngClipProvider.setConfig({
      zIndex: 50
    });

6. You can also optionally provide a fallback function that gets called if flash is unavailable:

<a href="" clip-click-fallback="fallback(copy)" clip-copy="getTextToCopy()" clip-click="doSomething()">Copy</a>

If the fallback function is defined to accept an argument named copy, that argument will be populated with the text to copy.

You can check out this live example here: http://plnkr.co/xwV5Yn see the examples folder for more