0.0.1 • Published 8 years ago
z-ngclip v0.0.1
ngClip - Copy to clipboard using AngularJS
No copyright infringement intended, this is outdated ngClip lib uploaded for personal and public use.
=======
An AngularJS simple directive that uses ZeroClipboard and updates the user's clipboard.
Usage
Get ng-clip via Bower: by running
$ bower install ng-clip
from your consoleAdd ng-clip.js to your main file (index.html)
Include ZerClipboard.js in your project, and update the .swf path location using ngClipProvider
.config(['ngClipProvider', function(ngClipProvider) {
ngClipProvider.setPath("bower_components/zeroclipboard/ZeroClipboard.swf");
}]);
There are several ways you can use to include ZeroClipboard, please use one of the following options:
- Bower:
Use [bower](http://bower.io) to obtain the latest version ZeroClipboard from the official repository.
```
bower install zeroclipboard
```
Then you may need to update the .swf file to point to your local copy using
```javascript
ngClipProvider.setPath("relative-path/to/ZeroClipboard.swf");
```
if you are missing bower, use npm(Node Packaged Modules) to obtain it with the following command:
```
npm install -g bower
```
- CDNJS:
Alternatively, if you wish to use this library from CDN, it is available on cdnjs:
```html
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/1.2.3/ZeroClipboard.min.js"></script>
```
Set
ngClipboard
as a dependency in your modulevar myapp = angular.module('myapp', ['ngClipboard'])
Add clip-copy directive to the wanted element, example:
<a href="" clip-copy="getTextToCopy()" clip-click="doSomething()">Copy</a>
Example
You can check out this live example here: http://jsfiddle.net/asafdav/8YQcz/6/
0.0.1
8 years ago