AngularJS：如何在ng-show / ng-hide中使用ngclipboard？

Question

我正在實現一個函數，當我單擊一個按鈕時，會復制一些文本。 我不想顯示文字，我也不想弄亂我的布局。

我的嘗試是按照本文的教程使用ngclipboard和ng-hide

https://medium.com/@kris.stange2015/use-ngclipboard-with-an-angular-ng-repeat-directive-398d4eaf2c83

我的代碼與帖子非常相似

<button type="button"
            class="button button--info"
            ng-if="!some_iter.show"
            ngclipboard
            data-clipboard-target="#someTag{{$index}}"
            ngclipboard-success="ctrl.onClipboardSuccess(e)"
            ngclipboard-error="ctrl.onClipboardError(e)">Copy Invite Link</button>
<input class='input-hide' id="someTag{{$index}}" ng-value="some_iter.url"></input>

我遇到了他或她提到的確切問題，這是隱藏input時無法捕獲的值。 我嘗試了工作方法，它弄亂了我的布局。 我的問題：

1. 如果我隱藏價值，為什么它不起作用？ 據我所知， ng-hide僅適用於css，為什么不display: none和visibility: none無效？ 該組件仍在那里，對嗎？

2. 如果我使用opacity: 0如何確保我的布局沒有搞砸opacity: 0 ？ 基本上我怎么沒有一個奇怪的空位，用戶仍然可以以某種方式拖動和復制文本（這不是至關重要的，但我不喜歡它）

Answer 1

想通了。 我們可以使用直接將數據注入ngclipboard，而不是處理輸入字段

<button type="button"
            class="button button--info"
            ng-if="!some_iter.show"
            ngclipboard
            data-clipboard-text="{{some_iter.url}}"
            ngclipboard-success="ctrl.onClipboardSuccess(e)"
            ngclipboard-error="ctrl.onClipboardError(e)">Copy Invite Link</button>

我們可以刪除

<input class='input-hide' id="someTag{{$index}}" ng-value="some_iter.url"></input>