@Input()copyText:string;

constructor(

private renderer: Renderer2,

private el: ElementRef

) { }

@HostListener('click', ['$event'])

public onClick () {

if (!this.copyText) {

return;

}

const dom =this.renderer.createElement('div');

const el =this.el.nativeElement;

const range =document.createRange();

this.renderer.setAttribute(dom,'id','copyId');

this.renderer.setProperty(dom,'innerHTML',this.copyText);

el.appendChild(dom);

range.selectNode(el.querySelector('#copyId'));

window.getSelection().removeAllRanges();

window.getSelection().addRange(range);

const success =document.execCommand('copy');

if (success) {

console.log('復(fù)制成功');

el.removeChild(dom);

}else {

console.log('該瀏覽器不支持！');

}

}


使用方法: <span [copyText]="'復(fù)制內(nèi)容"></span>