angular2 ngx-clipboard 複製剪貼板

一、 下載安裝插件
若是使用的是angular2, 不是angular4 那麼安裝 ngx-clipboard@7.x.x版本，若是是ng4安裝最新版本。

npm install ngx-clipboard@7.0.1 --save

二、module.ts文件中引入

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

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

三、html文件中引入使用
參數說明

1. ngxClipboard 必須 添加複製功能
2. [cbContent]="text" 必須 text是要複製標籤的ngModel，也就是要複製的內容，能夠隨便定義，不必定是那個model
3. (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>