复制到剪贴板在JavaScript代码中不起作用，但在chrome控制台上起作用

在我的代码中，我需要获取密钥

Html

<div class="span3" ng-if="ec.name==='AccessTokenKey'">
  <input class="mTop10 span9" type="text" ng-model="token" id="encpText" />
  <button class="btn btn-alt btn-small " ng-click="encryptMD5Get()" title="Copy to clip board"><i class="fa fa-clipboard" aria-hidden="true"></i></button>
</div>

在这段代码中，我的（ctrl+v）中没有得到副本 在（ctrl+v）中有一个旧的复制代码，它是由（ctrl+c）复制的

但当我尝试在chrome控制台上执行此操作时，它会起作用 所以我哪里做错了

使用

设置

首先，将angularjs和clipboard.js包含到文档中

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script src="https://cdn.rawgit.com/zenorocha/clipboard.js/master/dist/clipboard.min.js"></script>

最后，将ngclipboarddirective添加到所需的html元素中

    <button class="btn" ngclipboard data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
Copy to clipboard

复制到剪贴板

在您的情况下

<div class="span3" ng-if="ec.name==='AccessTokenKey'">
    <input class="mTop10 span9" type="text" ng-model="token" id="encpText"/>
    <input class=”hide-input” id="id" value={{token}}>
<button class="btn btn-alt btn-small link-btn" ng-click="encryptMD5Get()" title="Copy to clip board" ngclipboard data-clipboard-target="#id">Copy Clipboard</button>

复制剪贴板

---

在询问之前，您是否尝试过搜索？这个问题已经解决了几十次。是的，我试过了，但没有达到我错的地方。这个解决方案怎么样？当我使用Button ng时，可能重复的内容是相同的，单击它不工作，但在chrome控制台上它正在工作，从这里我需要$scope.token值，那么我如何获得$scope.token值复制剪贴板

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

    <button class="btn" ngclipboard data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
Copy to clipboard

<div class="span3" ng-if="ec.name==='AccessTokenKey'">
    <input class="mTop10 span9" type="text" ng-model="token" id="encpText"/>
    <input class=”hide-input” id="id" value={{token}}>
<button class="btn btn-alt btn-small link-btn" ng-click="encryptMD5Get()" title="Copy to clip board" ngclipboard data-clipboard-target="#id">Copy Clipboard</button>