Question

我在错误信息标签上有 副本到剪贴板 按钮，该标签会复制错误信息。错误信息是 动态生成 ，具体取决于所需的信息。我有以表达式形式生成的错误信息。

当我尝试将表达式链接到 data-clipboard-target 时，该值仅以静态方式存储，即关闭第一个选项卡并打开另一个选项卡并单击复制时它仍然反映以前的值复制信息。

 <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}}是动态评估的表达式。

参考文献：ngClipboard，ngClipboard Source

PS：我已将ngclipboard添加为依赖项。

Answer 1

因此，Angular中的 $ index 变量为id提供了偏移，因此元素是动态链接的。希望这对其他人有帮助:)）

<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>

ngClipboard：复制

1 个答案: