脚本宝典收集整理的这篇文章主要介绍了angular2 ngx-clipboard 复制剪贴板，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
1、 下载安装插件
如果使用的是Angular2, 不是angular4 那么安装 ngx-clipboard@7.x.x版本，如果是ng4安装最新版本。
npm install ngx-clipboard@7.0.1 --save2、module.ts文件中引入
...
import {ClipboardModule} From 'ngx-clipboard';
@NgModule({
declarations: [
Appcomponent
],
imports: [
browserModule,
FormsModule,
HttpModule,
ClipboardModule
],
...3、htML文件中引入使用
参数说明
- ngxClipboard 必须 添加复制功能
- [cbContent]="text" 必须 text是要复制标签的ngModel，也就是要复制的内容，可以随便定义，不一定是那个model
- (cbOnSuccess) 可选 复制成功以后调用的函数
<div class="input-group">
<input type="text" class="form-control" [(ngModel)]="text" placeholder="请输入内容">
<span class="input-group-BTn">
<button class="btn btn-default" type="button" ngxClipboard [cbContent]="text" (cbOnSuccess)="successFun()">copy</button>
</span>
</div>以上是脚本宝典为你收集整理的angular2 ngx-clipboard 复制剪贴板全部内容，希望文章能够帮你解决angular2 ngx-clipboard 复制剪贴板所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。