Каков эквивалентный код для navigator.clipboard.readText () в угловых

Question

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);
  });

код выше

Мне нужно читать из буфера обмена при нажатии кнопки в угловом
Как это сделать?

Answer 1

По вашему вопросу я вижу, что вы упускаете что-то важное.Ваше угловое приложение написано на машинописи , то есть:

типизированном расширенном наборе JavaScript, который компилируется в простой JavaScript

Это означает, что API буфера обмена , который вы упомянули, доступен для вас в угловом формате!как вы можете видеть в этом DEMO , использующем ваш код.

В настоящее время машинопись имеет тип navigator как DefinitiveTyped , но, к сожалению, по-прежнему не содержитAPI буфера обмена, поскольку это все еще нестандартные API DOM , как вы можете видеть в этом закрытом выпуске git - Отсутствует Navigator.clipboard (асинхронный API буфера обмена)

Answer 2

из этого TypeScript Как вставить данные из буфера обмена с помощью кнопки? , используя hostListener

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