且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

ngClip —— AngularJS 的剪贴板扩展指令

更新时间:2022-08-15 09:29:35

ngClip 是一个 AngularJS 的扩展指令,封装了 ZeroClipboard 实现了拷贝到剪贴板的功能。

示例代码:

.config(['ngClipProvider', function(ngClipProvider) {
  ngClipProvider.setPath("bower_components/zeroclipboard/dist/ZeroClipboard.swf");
}]);

var myapp = angular.module('myapp', ['ngClipboard'])

使用方法:

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

文章转载自 开源中国社区 [http://www.oschina.net]