Angularjs 复制到剪贴板按钮

假设我们有以下几点

<div class="echo" id="hidden_div" style="display:none">
    <pre>
       I want to copy this 
       I want to copy this 
       I want to copy this
    </pre>
</div>

我想复制这个
我想复制这个
我想复制这个

假设我们有以下按钮：

<script src="https://cdn.rawgit.com/zenorocha/clipboard.js/master/dist/clipboard.min.js"></script>

提交
函数showHide（）{
document.getElementById（“hidden_div”）.style.display=“block”；
}

如何创建另一个按钮将

中的值复制到剪贴板

var myApp = angular.module('app', ['ngclipboard']);

如何将“提交”按钮的标签更改为“关闭”，并使div再次隐藏，直到您再次单击“提交”？

您可以使用。这是实现复制到剪贴板的一种简单方法

将其包含在您的文档中

<!-- Target -->
<input id="foo" value="https://github.com/sachinchoolur/ngclipboard.git">

<!-- Trigger -->
<button class="btn" ngclipboard data-clipboard-target="#foo">
    <img src="assets/clippy.svg" alt="Copy to clipboard">
</button>

然后简单地使用它。下面是一个例子：

$scope.buttonText = "Submit";
$scope.submit = function(){
    if($scope.buttonText === "Submit"){
        document.getElementById("hidden_div").style.display = "block";
        $scope.buttonText = "Cancel";
    }
    else if($scope.buttonText === "Cancel"){
        document.getElementById("hidden_div").style.display = "none";
        $scope.buttonText = "Submit";
    }
}

我还没有测试过这个。但这应该行得通。在这两种情况下，请务必让我知道。

您可以使用。这是实现复制到剪贴板的一种简单方法

将其包含在您的文档中

<!-- Target -->
<input id="foo" value="https://github.com/sachinchoolur/ngclipboard.git">

<!-- Trigger -->
<button class="btn" ngclipboard data-clipboard-target="#foo">
    <img src="assets/clippy.svg" alt="Copy to clipboard">
</button>

然后简单地使用它。下面是一个例子：

$scope.buttonText = "Submit";
$scope.submit = function(){
    if($scope.buttonText === "Submit"){
        document.getElementById("hidden_div").style.display = "block";
        $scope.buttonText = "Cancel";
    }
    else if($scope.buttonText === "Cancel"){
        document.getElementById("hidden_div").style.display = "none";
        $scope.buttonText = "Submit";
    }
}

---

我还没有测试过这个。但这应该行得通。在这两种情况下，请务必让我知道。

是的，您可以使用NG剪贴板。确保浏览器的兼容性，如在Safari中，您不能复制到剪贴板用户需要ctrl+c或右键单击复制老实说，我在下面的代码笔中尝试了它，但我可能做了一些错误的事情，因为im处于初级lvl。无论如何，非常感谢你的帮助！是的，你可以用剪贴板。确保浏览器的兼容性，如在Safari中，您不能复制到剪贴板用户需要ctrl+c或右键单击复制老实说，我在下面的代码笔中尝试了它，但我可能做了一些错误的事情，因为im处于初级lvl。无论如何，非常感谢你的帮助！