ng-clipboard-antd

A wrapper directive for clipboard.js, and base on ng-zorro-antd.

The core function is ported from clipboard.js(@zenorocha) & ngx-clipboard(@maxisam), thanks.

Demo

Live Demo

1、Install

npm install ng-clipboard-antd --save

Import the NzClipboardModule in to your projects.

import { NzClipboardModule } from 'ng-clipboard-antd';

@NgModule({
    imports: [
        NzClipboardModule.forRoot()
    ]
})
export class AppModule { }

2、Usage

nz-clipboard

<button nz-button [nz-clipboard]="'Content from ng-clipboard-antd'">Copy</button>

| Name | Type | Default | Remark | | ------- | ------------- | ----- | ----- | | [nzTarget] | HTMLInputElement NzInputComponent | | copy from a input or nz-input | | [nzSuccessText] | string | 复制成功 | text of the success | | [nzErrorText] | string | 复制失败 | text of the error | | (nzSuccess) | EventEmitter | | a success callback | | (nzError) | EventEmitter | | a error callback |

NzClipboardService

constructor(private srv: NzClipboardService) {}

copy() {
    this.srv.copyFromContent(`time ${+new Date}`);
}

Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use GitHub Issues board to report bugs and feature requests (not our email address)
2. Please always write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

License

The MIT License (see the LICENSE file for the full text)