An Angular Module to copy text to clipboard.
- Includes a Directive which can be applied directly to the Element whose content (innerText) needs to be copied.
- Also includes a Service which can be used to directly interact with the underlying API for more advanced or customised use cases.
npm i ngxyz-c2c
- Well, first you gotta import NgxyzC2cModule into your AppModule (or any other Module where you intend to use it)
Using the Directive
When you click me, my text gets selected, highlighted and copied into clipboard.Look Ma, it just works.or you can use me by another name if you likeWhen you click me, my text gets selected, highlighted and copied into clipboard.Look Ma, this also works.disable animation if you wantWhen you click me, my text gets selected, highlighted and copied into clipboard.It doesn't animate, but it does copy.or make it pop, with bigger animation-icon,just remember to pass a number, it's in pixels by the wayWhen you click me, my text gets selected and copied into clipboard.Also you see that BIG RED animation-icon DO YOU?
Using the Service
;// inject the serviceconstructorprivate c2cService: NgxyzC2cService// remember this only works when user makes an action, eg: click// otherwise browsers ignore the copy command.userClickedSomethingSoLetsCopySomethingsomeElement: HTMLElement
For Contributors / Tinkerers
This library was generated with Angular CLI version 8.2.14.
ng generate component component-name --project ngxyz-c2c to generate a new component. You can also use
ng generate directive|pipe|service|class|guard|interface|enum|module --project ngxyz-c2c.
Note: Don't forget to add
--project ngxyz-c2cor else it will be added to the default project in your
ng build ngxyz-c2c to build the project. The build artifacts will be stored in the
After building your library with
ng build ngxyz-c2c, go to the dist folder
cd dist/ngxyz-c2c and run
Running unit tests
ng test ngxyz-c2c to execute the unit tests via Karma.
To get more help on the Angular CLI use
ng help or go check out the Angular CLI README.