NgxCopyToClipboard

Click and copy to clipboard

Installation

1. Install via NPM:

npm i --save @andreasnicolaou/ngx-copy-to-clipboard

3. Import `NgxCopyToClipboardModule` into your app's root module

import { NgxCopyToClipboardModule } from '@andreasnicolaou/ngx-copy-to-clipboard';

@NgModule({
  ...
  imports: [
    NgxCopyToClipboardModule
  ],
  ...
})
export class AppModule { }

Inputs	Description
`textToCopy`	String Text to copy
`successMessage`	On copy success message
`errorMessage`	On copy error message
`onCopyEvent`	On copy event get success message (has default message-ovverid)
`onErrorEvent`	On copy event get error message (has default message-ovverid)

Example

    const val = 'Hello World!';

    public onSuccess(ev: string){
        console.log(ev);
    }

     public onError(ev: string){
        console.log(ev);
    }

    <button copyToClipboard [textToCopy]="val" [successMessage]="'Copied to Clipboard'" [errorMessage]="'Not copied to Clipboard'"
     (onCopyEvent)="onSuccess($event)" (onErrorEvent)="onError($event)">Copy</button>

Contribution

Having an issue? or looking for support? Open an issue and we will get you the help you need.
Got a new feature or a bug fix? Fork the repo, make your changes, and submit a pull request.

Support this project

If you find this project useful, please star the repo to let people know that it's reliable. Also, share it with friends and colleagues that might find this useful as well. Thank you 😄

@andreasnicolaou/ngx-copy-to-clipboard

Package Exports

Readme