An angular wrapper for ZeroClipboard
$ bower install angular-zeroclipboard
or, you can download 'angular-zeroclipboard.js' form 'src' dir manualy.
angular.module('demo', ['zeroclipboard']).
config(['uiZeroclipConfigProvider', function(uiZeroclipConfigProvider) {
// config ZeroClipboard
uiZeroclipConfigProvider.setZcConf({
swfPath: '../bower_components/zeroclipboard/dist/ZeroClipboard.swf'
});
}])
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>
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
MIT @ Leigh Zhu