Angular 角度[cdkCopyToClipboard]重复调用

我正在使用

@angular/cdk/clipboard

中的

ClipboardModule

从我的angular表单复制数据，问题是我刚刚意识到我的

CopyDeatils（）

方法正在被连续调用，，但仅当按下按钮时才会复制该值

这是我的密码：

CopyDetails(): string {       
        return "details ...";       
    }

这就是它的名称：

<button [cdkCopyToClipboard]="CopyDetails()" type="button">Copy</button>

复制

我假设您使用的是默认更改检测。在这种情况下，将根据刷新周期多次调用该函数。您可以将

cdkCopyToClipboard

绑定到变量，并使用

mouseup

或

单击事件处理程序绑定函数。试试下面的方法

控制器

copyToClipboard:字符串；
CopyDetails（）：字符串{
...       
copyToClipboard=“详细信息…”；
}

模板

复制
成功了，谢谢！但必须在
cdkCopyToClipboard
之前添加
单击
事件，才能正确获取值。