Ionic访问手机剪切板实现复制粘贴功能

要在Ionic项目里面实现一些复制或者粘贴的功能，比如点击“复制”按钮，就复制订单号这样的功能，是非常常见的，我们可以使用cordova的插件来实现。首先安装插件。

操作步骤

一、安装

分别执行下面的命令两行命令安装插件。

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

安装好以后，找到app.module.ts文件，在文件头部区域引入Clipboard：

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

然后在providers数组里也加上Clipboard:

providers: [
		...
    Clipboard,
    ...
  ]

二、使用

接着在使用的地方也要先引入，然后在构造器里声明就可以使用了。

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

export class DemoPage implements OnInit {

  // 微信号
  weChatNum: any;

  constructor(private clipboard: Clipboard) { }

	// 复制微信号
  copyWechat() {
    this.clipboard.copy(this.weChatNum);
  }
  
  // 粘贴
  this.clipboard.paste().then(
   (resolve: string) => {
      alert(resolve);
    },
    (reject: string) => {
      alert('Error: ' + reject);
    }
  );

  // 清空剪切板 
	this.clipboard.clear();

}