Copy button in textarea in Ionic

Question

I’m trying to create a button that makes a CTRL+C in textarea, with javascript, it is possible to make a select() in the document.getElementById, and after the one document.execCommand('copy'), but how I’m working with Ionic, that way it doesn’t work, how could it be done ?

Answer 1

Use the plugin Clipboard, see below:

Installation

ionic cordova plugin add cordova-clipboard
npm install @ionic-native/clipboard

Insert into modules

Add the Clipboard in the modules of AppModule, see below:

import { Clipboard } from '@ionic-native/clipboard';

....

@NgModule({
  imports: [
  ...
  providers: [Clipboard]
  ...
})

export class AppModule {}

Insert on page

Finally insert on the page, below the function onCopy will put the text passed on it to clipboard:

import { Clipboard } from '@ionic-native/clipboard';

export class Page {
    constructor(private clipboard: Clipboard) { }

    onCopy(text) {
        this.clipboard.copy(text);
    }

}

Answer 2

Use Ionic v3 for development, v4 version still has many bugs. When installing Ionic use the path: npm install [email protected] -g.