如何顯示內容複製到剪貼板時的工具提示？

Question

我想將文本複製到剪貼板上點擊按鈕。

我使用下面庫這一點，但與該庫唯一欠缺的東西就是它不顯示如何在內容被複制顯示工具提示：

https://www.npmjs.com/package/angular-clipboard

我從下面的問題試圖解答但這些答案似乎並不工作，所以我結束了使用此上面庫：

AngularJS copy to clipboard

how to get clipboard data in angular JS

我想告訴我的提示完全相同的方式如在此以下問題的答案：

Tooltips + Highlight Animation With Clipboard.js Click

Answer 1

所以我有點懂了工作。

不幸的是，我們必須使用一些JS來做到這一點，如果你訴諸使用引導工具提示。

這是一個解決問題的plunkr。

基本上歸結爲這幾行代碼：

var myEl = angular.element(document.querySelector('#copyButton')); 
    myEl.attr('title', 'Copied!') 
     .tooltip('fixTitle') 
     .tooltip('show'); 

    myEl.attr('title',"Copied"); 

    myEl.on('hidden.bs.tooltip', function() { 
    // do something… 
    myEl.attr('title', $scope.copyButtonToolTip) 
      .tooltip('fixTitle'); 
    }); 

此外，你應該使用引導第3版，而不是V4。

Updated Plunkr