import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
 
import {NgxyzC2cModule} from 'ngxyz-c2c';
 
@NgModule({
  declarations: [
    // your components, directives, pipes
  ],
  imports: [
    BrowserModule,
 
    NgxyzC2cModule // this module officer, right here
  ],
  providers: [],
  bootstrap: [AppComponent] // your bootstrapped component
})
export class AppModule {
}

 
import {NgxyzC2cService} from 'ngxyz-c2c';
 
// inject the service
constructor(private c2cService: NgxyzC2cService) {
}
 
// remember this only works when user makes an action, eg: click
// otherwise browsers ignore the copy command.
 
userClickedSomethingSoLetsCopySomething(someElement: HTMLElement) {
    // this will copy the text silently into the clipboard
    this.c2cService.c2c('You are awesome.');
 
 
    // this will copy the innerText of the DOM Element and will also select/highlight it at the same time
    this.c2cService.c2c(someElement);
 
 
    // it works the same as above but with bigger animation-copy-icon
    this.c2cService.c2c(someElement, {iconSize: 120});
 
    // it works the same as above but with red animation-copy-icon
    this.c2cService.c2c(someElement, {iconSize: 120, iconColor: 'red'});
 
 
    // this works silently without any animation
    this.c2cService.c2c(someElement, {animation: false});
 
    // but if you want it to behave the same way all the time you can configure it in one go
    // just do it like this somewhere in your app, preferably in you AppComponent
    this.c2cService.configure({iconSize: 24, iconColor: 'red'});
 
 
    // and now all the subsequent calls will run animation with 24px big red copy-icon
    this.c2cService.c2c(someElement);
}