Angular Directive to bind both events click and select on element.On click it emit the clicked event and on selecting the particular text from element it will get selected and copied to your clipboard and will generate a appearable text Copied to Clipboard!! appear on your screen
npm install ngx-clickselect
<div (ngxClickSelect)="click($event)"> {{Your Text / Elements}} </div>
If you want to style clipboard message you can create your html element and provide it in the component html with id "clipboard" For Exaample : -
<div id="clipboard"> I got Copied to Clipboard </div>