angular10项目中的文本复制功能

写了个文章复制功能，第二天需求更改了，来留个记录；

html部分：

   <div>{{newsDetail?.webContent}}</div>   
   <button (click)="copy(newsDetail?.webContent)">复制</button>    
   <input  id="text" [(ngModel)]="newsDetail?.webContent" type="text">

typescript部分：

copy(text) {       
     const input = document.getElementById("text") as HTMLInputElement; 
     input.select();
     document.execCommand("copy");
     this.utilService.successTip('文本复制成功！');
}

less部分（备注：input设置宽高0或visitble:nome;，会获取不到复制内容或input.select()报错）；

input{ 
      position: absolute; 
      z-index: -1;
}