angular2 复制功能

1、 下载安装插件

如果使用的是angular2, 不是angular4 那么安装 [email protected]版本，如果是ng4安装最新版本。

npm install [email protected] --save

2、module.ts文件中引入

...
import {ClipboardModule} from 'ngx-clipboard';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    ClipboardModule
  ],
...

3、html文件中引入使用

参数说明

1. ngxClipboard 必须 添加复制功能
2. [cbContent]="text" 必须 text是要复制标签的ngModel，也就是要复制的内容，可以随便定义，不一定是那个model
3. (cbOnSuccess) 可选 复制成功以后调用的函数

      
      
        copy