javascript - Angular 4-将文本复制到剪贴板

我在页面上有一个可点击的图标。单击此图标后，我想构造一些文本并将其复制到剪贴板中

<td><img src='./assets/Copy.gif' (click)="copyToClipboard()"  /></td>

并在组件中

  copyToClipboard() {
     this.textToCopy = this.text1 + this.text2 + this.text3;
     this.toastr.info('Copied to Clipboard');
  }

我看过https://www.npmjs.com/package/ngx-clipboard。但是，此程序包需要引用一个输入元素并从该输入元素复制文本。在我的用例中，需要动态创建文本，然后将其添加到剪贴板。

我可以使用ngx-clipboard复制到剪贴板，还是可以使用另一个软件包来实现此目的？

最佳答案

您需要在图像中使用 ngxClipboard 指令。这是您需要使用它来解决问题的方式:

<td>
    <img src='./assets/Copy.gif' (click)="copyToClipboard()" ngxClipboard [cbContent]="textToCopy" />
</td>

请记住在您的应用模块中添加 ClipboardModule 。下面的示例代码:

import { ClipboardModule } from 'ngx-clipboard';

@NgModule({
  imports: [
    // Other Imports
    ClipboardModule
  ],
  // Other code
})
export class AppModule { }

关于javascript - Angular 4-将文本复制到剪贴板，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45768583/