navigator.clipboard.readText() 的等效代码是什么？答案

【问题标题】：What is the equivalent code for navigator.clipboard.readText() in angularnavigator.clipboard.readText() 的等效代码是什么？
【发布时间】：2019-05-16 23:40:43
【问题描述】：

navigator.clipboard.readText()
  .then(text => {
    // `text` contains the text read from the clipboard
  })
  .catch(err => {
    // maybe user didn't grant access to read from clipboard
    console.log('Something went wrong', err);
  });

above code is from

我需要在按钮单击时从剪贴板读取角度
该怎么做？

【问题讨论】：

标签： angular clipboarddata clipboard-interaction

【解决方案1】：

根据您的问题，我发现您遗漏了一些重要的东西。你的 Angular 应用是用typescript 编写的，即：

一种类型化的 JavaScript 超集，可编译为纯 JavaScript

这意味着您提到的clipboard API 可以以角度形式提供给您！正如您在使用您的代码的 DEMO 中看到的那样。

目前 typescript 的 navigator 类型为 DefinitelyTyped，但不幸的是它仍然不包含剪贴板 API，因为它仍然是一个 非标准 DOM API，正如您在这个 git 中看到的那样已结束的问题 - Missing 'Navigator.clipboard' (clipboard asynchronous API)

【讨论】：

【解决方案2】：

来自这个TypeScript How to paste data from clipboard using a button?，使用hostListener

  @HostListener("window:copy",['e'])
  windowCopy(e:ClipboardEvent){
      this.clipboardContent = window.getSelection().toString();
      console.log(this.clipboardContent)
  }

【讨论】：