最近工作中遇到一个需求需要实现复制的功能,因为是个列表,所以需要复制的内容需要区分,且页面不能显示出选中的样式,所以做了以下的工作
HTML部分
<img src="images/copy.png"
class="btn-sometime"
title="复制单号"
style="width: 18px;height: 18px;"
ng-click="$ctrl.copyFun($index)">
js部分
this.copyFun = function (index){
var info = this.agentList[index].applyOrderNum
var clipboard = new Clipboard('.btn-sometime',{
text:function(){
return info
}
})
clipboard.on('success',function(e){
// 清除选中状态
e.clearSelection();
//复制成功提示
modalService.info({ content: '审批单号复制成功',type: 'ok'});
})
}