@ngodings/ngx-copy

Simple copy from text, value input & text inside element in Angular

Demo - Angular v15

https://npm.ngodings.com/packages/ngx-copy

Support Me

If you like this package I will be happy that you support me on Buy me a coffee :)
Buy me coffee: https://www.buymeacoffee.com/alidihaw
Indonesia People: https://sociabuzz.com/dihaw

Getting Started

Installing and Importing

Install the package by command:

1 npm install @ngodings/ngx-copy --save

Import the module

1import { NgxCopyDirective } from "@ngodings/ngx-copy";
2
3@NgModule({
4    imports: [
5        ...
6        NgxCopyDirective
7    ],
8    declarations: [...],
9    providers: [...]
10})
11export class AppModule {}

Usage

From input

1<input type='text' ngxCopy #cp="copy"/>
2
3<button (click)="cp.copy()">Copy</button>

From any HTML tag

1<p ngxCopy #cp="copy">Lorem ipsum</p>
2
3<button (click)="cp.copy()">Copy</button>

From complex div

1<div ngxCopy #cp="copy">
2  <h1>Lorem ipsum</h1>
3  <p>Lorem ipsum dolor sit amet, consectetur 
4  adipiscing elit.
5 Nullam rutrum augue at ante sollicitudin posuere.
6 Pellentesque congue consequat enim quis luctus.</p>
7  <div>
8    <h2>Lorem ipsum</h2>
9  </div>
10</div>
11
12<button (click)="cp.copy()">Copy</button>

Also you can bind it to any tag

1<p ngxCopy #cp="copy">Lorem ipsum</p>
2
3<p (click)="cp.copy()">Copy</p>

Development

Prepare your environment

• Install Node.js and NPM
• Install local dev dependencies: npm install while current directory is this repo

License

MIT @ Ali Abdul Wahid