ng-clip

WebJar for ng-clip

License	MIT
Categories	CLI User Interface
GroupId	org.webjars.bower
ArtifactId	ng-clip
Last Version	0.2.6
Release Date	Aug 20, 2015
Type	jar
Description	ng-clip WebJar for ng-clip
Project URL	http://webjars.org
Source Code Management	https://github.com/asafdav/ng-clip

Download ng-clip

Filename	Size
ng-clip-0.2.6.pom
ng-clip-0.2.6.jar	14 KB
ng-clip-0.2.6-sources.jar	22 bytes
ng-clip-0.2.6-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/ng-clip/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>ng-clip</artifactId>
    <version>0.2.6</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/ng-clip/
implementation 'org.webjars.bower:ng-clip:0.2.6'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/ng-clip/
implementation ("org.webjars.bower:ng-clip:0.2.6")

Apache Buildr

'org.webjars.bower:ng-clip:jar:0.2.6'

Apache Ivy

<dependency org="org.webjars.bower" name="ng-clip" rev="0.2.6">
  <artifact name="ng-clip" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='ng-clip', version='0.2.6')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "ng-clip" % "0.2.6"

Leiningen

[org.webjars.bower/ng-clip "0.2.6"]

Dependencies

compile (2)

Group / Artifact	Type	Version
org.webjars.bower : angular	jar	[1.0.4,)
org.webjars.bower : zeroclipboard	jar	[2.2.0,2.3)

Project Modules

There are no modules declared in this project.

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)

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 optionally specify the MIME type by providing using the clip-copy-mime-type attribute:

<a href="" clip-click="getHtmlToCopy()" clip-copy-mime-type="text/html">Copy HTML</a>

7. 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.

8. set auto-hide-on-no-flash = true, it is used to hide button copy when browser flash is none, default auto-hide-on-no-flash = false, example:

<a href="" auto-hide-on-no-flash="true" clip-copy="getTextToCopy()" clip-click="doSomething()">Copy</a>

Examples

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

Versions

Version
0.2.6 Aug 20, 2015