Angular中复制功能

原生的复制方法在Angular中并不能使用,找到解决方法如下

import {ElementRef} from '@angular/core'
constructor(private elementRef: ElementRef) {}
  copyDetail() {
    const copyEl = this.elementRef.nativeElement.querySelector('#detail')
    const range = document.createRange()
    range.selectNode(copyEl)
    window.getSelection().removeAllRanges()
    window.getSelection().addRange(range)
    document.execCommand('copy')
    alert('复制成功!')
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2018年7月2日天气多云星期二 稀里糊涂半年过去了,进入到了下半年。愿上半年所有的烦恼通通丢掉,不管大人...
    执手踏青_f553阅读 256评论 2 1
  • 28天前,我做了一个决定,坚持每天早上做一次平板支撑。其实这只是一件小事儿,一个很普通的决定,但做起来却并不是那么...
    娃子哥阅读 11,889评论 169 213
  • 睡觉睡得真香呀,早上还是小宝给叫醒的。真是久违的感觉。 下课后把学习笔记给整理好,并且上交。 晚上带宝贝们出去散步...
    华丽的美丽丽阅读 162评论 0 0