Javascript ngClipboard:复制时未替换表达式值

我在错误信息选项卡上有一个复制到剪贴板的按钮，它复制错误信息。根据需要的信息动态生成错误信息。我以表达式的形式生成了错误信息

当我尝试将表达式链接到数据剪贴板目标时，该值仅静态存储，即关闭第一个选项卡并打开另一个选项卡并单击“复制”时，它仍然反映以前复制的信息

 <div style="white-space:pre-wrap;" id="toCopy"> 
     {{data[$index].text_mex}}
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-primary" ngclipboard ngclipboard-succes ="onSuccess(e);" ng-clipboard-error="onError(e);" data-clipboard-target="#toCopy">Copy to Clipboard</button>
 <button type="button" class="btn btn-primary"  data-dismiss="modal">Close</button>
  </div>

{{data[$index].text_-mex}
复制到剪贴板
接近

{data[$index].text_mex}}是动态计算的表达式

参考文献：

---

PS：我已经添加了ngclipboard作为依赖项。

因此，$index角度变量为ID提供了一个偏移量，因此元素是动态链接的。希望这对其他人有帮助：）

{{data[$index].text_-mex}
复制到剪贴板
接近

<div style="white-space:pre-wrap;" id="toCopy{{$index}}"> 
     {{data[$index].text_mex}}
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-primary" ngclipboard ngclipboard-succes ="onSuccess(e);" ng-clipboard-error="onError(e);" data-clipboard-target="#toCopy{{$index}}">Copy to Clipboard</button>
 <button type="button" class="btn btn-primary"  data-dismiss="modal">Close</button>
  </div>