1.0.35 • Published 7 years ago
ng2-clipboard v1.0.35
ng2-clipboard
a simple component and service for copying text to the user's clipboard.
installation:
npm i --save ts-clipboard
npm i --save ng2-clipboard
usage:
importing in angular-seed (mgechev) project
project.config.ts:
let additionalPackages: ExtendPackages[] = [{
name: 'ng2-clipboard',
path: 'node_modules/ng2-clipboard/index.js'
},
{
name: 'ng2-font-awesome',
path: 'node_modules/ng2-font-awesome/index.js'
},
{
name: 'ts-clipboard',
path: 'node_modules/ts-clipboard/ts-clipboard.js'
}];
this.addPackagesBundles(additionalPackages);
bundling with systemjs builder
importing the module
import { ClipboardModule } from 'ng2-clipboard';
...
#### ClipboardComponent
all of the below usages are valid:
```html
<clipboard-component [content]="someText" [faIcon]="true"></clipboard-component>
<br/>
<clipboard-component [content]="someText" [img]="'assets/img/terribleIcon.png'" [altText]="'copy to clipboard'"></clipboard-component>
<br/>
<clipboard-component [content]="someText" [text]="'click to copy'" [altText]="'copy to clipboard'"></clipboard-component>
<br/>
<clipboard-component [content]="someText" [img]="'assets/img/terribleIcon.png'" [faIcon]="true" [text]="'click to copy'"></clipboard-component>
<br/>
}
output
ClipboardService
import { Component, OnInit } from '@angular/core';
import { ClipboardService } from 'ng2-clipboard/ng2-clipboard';
@Component({
moduleId: module.id,
selector: 'sd-home',
template: `
<div class="card card-dp">
<button class="btn btn-primary" (click)="copyToClipboard()">copy to clipboard</button>
<pre>{{someText}}</pre>
</div>
`,
styleUrls: ['home.component.css'],
})
export class HomeComponent implements OnInit {
constructor(private clipboard: ClipboardService) { }
errorMessage: string;
someText: string = `
this
is some
nicely
formatted text`;
copyToClipboard = () => { this.clipboard.copy(this.someText); }
ngOnInit() { }
}
output
imports:
@Input() content: string; // the text to be copied
@Input() altText: string = 'copy to clipboard'; // the title / altText to be displayed on mouseover
1.0.35
7 years ago
1.0.34
7 years ago
1.0.33
7 years ago
1.0.32
7 years ago
1.0.31
7 years ago
1.0.30
7 years ago
1.0.29
7 years ago
1.0.28
7 years ago
1.0.27
7 years ago
1.0.26
7 years ago
1.0.25
7 years ago
1.0.24
8 years ago
1.0.23
8 years ago
1.0.21
8 years ago
1.0.20
8 years ago
1.0.19
8 years ago
1.0.18
8 years ago
1.0.17
8 years ago
1.0.16
8 years ago
1.0.15
8 years ago
1.0.14
8 years ago
1.0.13
8 years ago
1.0.12
8 years ago
1.0.11
8 years ago
1.0.10
8 years ago
1.0.9
8 years ago
1.0.8
8 years ago
1.0.7
8 years ago
1.0.6
8 years ago
1.0.5
8 years ago
1.0.4
8 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago