如何Angular2

Question

選擇文本我有文字條目後面的按鈕列表：

<li *ngFor="let match of matches; let i = index"> 
    {{ match}} <button (click)="select(i)">Copy</button> 
</li> 

，我想將文本複製到剪貼板，當用戶cliked按鈕。

public select(index:any){ 
    document.execCommand("copy");  
    } 

這是行不通的，但是，我不知何故必須先選擇相應文本的文本。我如何在Angular2中做到這一點？

Answer 1

見How can I copy to clipboard in HTML5 without using flash?

的問題是老問題的答案，但前提是相同的。該標準禁止您使用用戶的剪貼板，未經將被複制的內容的明確同意。您不能跳過選擇過程。這個實現在瀏覽器和瀏覽器之間有所不同，但是它幾乎是相同的。

瞭解更多：https://developers.google.com/web/updates/2015/04/cut-and-copy-commands

Answer 2

我已經使用angular2-clipboard。它適用於角度版本2.0.0及以上。我使用clipboard.js。有關更多信息，請參閱他們的文檔。

依賴

• 角〜2.0.s0

• clipboard.js

用法如下：

在component.html文件

<button ngIIclipboard [cbContent]="textToCopy" (cbOnSuccess)="onSuccess($event)" class="bm-action-btn clickToCopyPolicy">Click to copy text</button>

在component.ts文件

textToCopy = "xyz";