javascript - Angular 2 で文字列をクリップボードにコピーする

Question

Angular2のような共有可能なリンクを生成するメソッドがありrequestPathます。ボタンをクリックすると、これrequestPathをクリップボードにコピーする必要があります。それを達成する方法は？

ここで複数のクリップボードにコピーするソリューションに出くわしましたが、私のニーズを満たすものはありません。コピー元の要素がありませんtextArea。inputコピーする必要があるのは単純な文字列変数だけですonClick

私が持っているhtmlは次のとおりです。

<td class="submitBtnCell">
    <button class="btn" (click)="createSharableLink()">Share</button>
</td>

および方法:

createSharableLink(){
    let requestPath = this.prepareRequestPathForVideos("shared");
    alert(requestPath); // need to copy this request path to clipboard       
}

Answer 1

セキュリティ上の理由から、クリップボードに直接アクセスすることはできません。非表示の入力要素を作成し、そこにテキストを設定して、そこからコピー機能をトリガーできます。