Angular中复制功能

作者: 桃之_夭夭_ | 来源:发表于2018-07-12 14:34 被阅读16次

    原生的复制方法在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('复制成功!')
      }
    

    相关文章

      网友评论

        本文标题:Angular中复制功能

        本文链接:https://www.haomeiwen.com/subject/ykfrpftx.html