脚本宝典收集整理的这篇文章主要介绍了angular 复制插件 ngclipboard,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1、安装
npm install ngclipboard --save
2、引入依赖
VAR myApp = Angular.module('app', ['ngclipboard']);
3、使用
1. 可是使用id来加载标签里面的内容
data-clipboard-target="#foo"
2. 也可以获取值
data-clipboard-text=""
案例:
1.
<!-- Target -->
<input id="foo" value="https://github.COM/sachinchoolur/ngclipboard.git">
<!-- Trigger -->
<button class="BTn" ngclipboard data-clipboard-target="#foo">
<img src="assets/clippy.svg" alt="Copy to clipboard">
</button>
2.
<input type="text" ng-model="$ctrl.copyText" />
<button class="btn btn-Primary" uib-tooltip="复制成功" tooltip-popup-close-delay='1000' tooltip-trigger="'focus'" ngclipboard data-clipboard-text='{{$ctrl.copyText}}'>
复制
</button>
以上是脚本宝典为你收集整理的angular 复制插件 ngclipboard全部内容,希望文章能够帮你解决angular 复制插件 ngclipboard所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。