要在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();
}
文章评论