ng-clip

Copy to clipboard using AngularJS

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
ng-clip
261290.2.69 years ago10 years agoMinified + gzip package size for ng-clip in KB

Readme

ngClip - Copy to clipboard using AngularJS
An AngularJS simple directive that uses ZeroClipboard and updates the user's clipboard.

How to get it ?

Manual Download

Download the from here

Bower

bower install zeroclipboard ng-clip

Npm

npm install zeroclipboard ng-clip

CDN

ng-clip is available at cdnjs

Usage

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

  1. Update the .swf path location using ngClipProvider
```javascript
.config(['ngClipProvider', function(ngClipProvider) {
  ngClipProvider.setPath("bower_components/zeroclipboard/dist/ZeroClipboard.swf");
}]);
```
  1. Set ngClipboard as a dependency in your module
```javascript var myapp = angular.module('myapp', 'ngClipboard') ```
  1. Add clip-copy directive to the wanted element, example:
```html Copy ```
  1. You can optionally override zeroclipboard config parameters using ngClipProvider
```javascript
ngClipProvider.setConfig({
  zIndex: 50
});
```
  1. You can optionally specify the MIME type by providing using the clip-copy-mime-type attribute:
```html Copy HTML ```
  1. You can also optionally provide a fallback function that gets called if flash is unavailable:
```html Copy ```
If the fallback function is defined to accept an argument named copy, that argument will be populated with the text to copy.

Examples

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