angular directive wrapper for ZeroClipboard

angular-zeroclipboard

angular-zeroclipboard

Stars : 10

Forks : 10

Created by Leigh

bower install angular-zeroclipboard

Download GitHub

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

Javscript

Javascript plugin

Angular-js