时间戳

首页 > 解决方案 > 在 ngx-clipboard 中根据 cbOnSuccess 更改元素的文本

angular - 在 ngx-clipboard 中根据 cbOnSuccess 更改元素的文本

问题描述

早上好，

使用 ngx-clipboard 和 ng2-tooltip-directive 以便我可以显示一个图标（工具提示为“复制到剪贴板”）。这是有效的，现在成功后（使用（cbOnSuccess））我想将工具提示的文本从“复制到剪贴板”更改为“已复制”。

<i class="fas fa-paste"
   tooltip="Copy Address to Clipboard" placement="top" 
   ngxClipboard [cbContent]="address"
   (cbOnSuccess)="copyToClipboardSuccessful()"> 
</i>

我的问题是如何将工具提示从标记更改为“已复制”，最好是内联的，但使用函数也可以，尽管必须引用“this”元素，因为它是循环的一部分。

理想情况下类似于（例如）除了地址之外的图标：https ://bscscan.com/address/0x8c4d90829ce8f72d0163c1d5cf348a862d550630

更新：

如果我使用插值：

<i class="fas fa-paste"
   tooltip="{{message}}" placement="top" 
   ngxClipboard [cbContent]="address"
   (cbOnSuccess)="copyToClipboardSuccessful()"> 
</i>

在我的组件中，我在（单击）处理程序中将消息更改为“已复制”，文本不会实时更改，它会在工具提示关闭然后再次打开时更改（如果我将鼠标悬停在它上面），但这不是首选的解决方案。

标签： angularngx-clipboard

解决方案

推荐阅读