Skip to content
🍻 angular directive wrapper for ZeroClipboard
HTML Makefile
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
src
.editorconfig
.gitignore
LICENSE
Makefile
README.md
bower.json
package.json

README.md

Angular ZeroClipboard

bower version

An angular wrapper for ZeroClipboard

Install

$ bower install angular-zeroclipboard

or, you can download 'angular-zeroclipboard.js' form 'src' dir manualy.

Sample

config

angular.module('demo', ['zeroclipboard']).
  config(['uiZeroclipConfigProvider', function(uiZeroclipConfigProvider) {

    // config ZeroClipboard
    uiZeroclipConfigProvider.setZcConf({
      swfPath: '../bower_components/zeroclipboard/dist/ZeroClipboard.swf'
    });

  }])

usage

Example using a two-way model binding

<input type="text" ng-model="myText" />
<button ui-zeroclip zeroclip-copied="copied=true" zeroclip-model="myText">Copy</button>
<span ng-show="copied">Text Copied!</span>

Example using interpolated text:

<input type="text" ng-model="myText" />
<button ui-zeroclip zeroclip-copied="copied=true"
        zeroclip-text="This was your text: {{ myText }}">Copy</button>
<span ng-show="copied">The sentence "This was your text: {{ myText }}" was copied!</span>

Config

Configuration passed into ZeroClipboard.config

uiZeroclipConfigProvider.setZcConf({
    swfPath: '../path/to/ZeroClipboard.swf'
})

If you already have your own configuration and don't want it to be overridden:

uiZeroclipConfigProvider.setOverrideConfig(false);

The params is an object. and just same as ZeroClipboard official config

LICENSE

MIT @ Leigh Zhu

You can’t perform that action at this time.