Question

我有一个角度服务，它返回一个字符串，我希望这个字符串在用户的剪贴板中。

我已安装angular2-clipboard以在输入中显示结果，并让用户也点击＆＃34;复制＆＃34;自动复制失败时按钮。但我希望当绑定到属性的输入值发生变化时，它会自动使用该新值设置剪贴板内容。

目前正在运作：

vector<pair<time_t, ClassA *> > vec = getVecFromSomewhere();
std::sort(vec.begin(), vec.end());

我试图找到一种方法，使用ng-change来调用＆＃34;＃btn.onclick（）＆＃34;提升点击事件但无法获得预期的行为。

有办法做到这一点吗？

Answer 1

我在不使用angular2-clipboard的情况下在一个应用程序中完成了这个。

我使用ViewChild和ElementRef引用DOM元素，我使用了这样的函数：

＆＃13;

    @ViewChild('plainVersion') plainVersion: ElementRef;
    plain.value = this.plainVersion.nativeElement.innerText;
    plain.select();
    try {
      let success = document.execCommand('copy');
    } catch(err){
      console.log(err);
    }
    window.getSelection().removeAllRanges();

＆＃13;

确保从@ angular / core导入ViewChild和ElementRef。

我只在Chrome中对此进行了测试，但它可能适用于其他浏览器。

angular 2 - 在值更改时自动将字符串复制到剪贴板

1 个答案: