Angularjs 将剪辑复制到剪贴板不起作用_Angularjs_Clipboard

Angularjs 将剪辑复制到剪贴板不起作用

angularjs

Angularjs 将剪辑复制到剪贴板不起作用,angularjs,clipboard,Angularjs,Clipboard,我正在使用一些教程实现ng片段。我正在做它，因为它是在教程中，但它不工作。我包括Zeroclipboard.min.js、angular.js、ngClip.js Html看起来像 <div ng-app="clip"> <button clip-copy="getTextToCopy()">Copy</button> </div> angular.module('clip', ['ngClipboard

我正在使用一些教程实现ng片段。我正在做它，因为它是在教程中，但它不工作。我包括Zeroclipboard.min.js、angular.js、ngClip.js

Html看起来像

    <div ng-app="clip">
        <button clip-copy="getTextToCopy()">Copy</button>
    </div>

    angular.module('clip', ['ngClipboard']);

    function Main($scope) {
        $scope.getTextToCopy = function() {
    return "ngClip is awesome!";
        }

    $scope.doSomething = function () {
    console.log("NgClip...");
        }
    }

谁能告诉我哪里出了错！

谢谢。

我也面临同样的问题；修复方法是包含如下所示的js文件，并在服务器上运行网页。在tomcat>>webapps中创建一个文件夹，并将网页粘贴到其中。现在在url处查看页面

http://localhost:8080/(folderName)/(pageName).html


模块（'clip'，['ngClipboard']）；
主要功能（$scope）{
$scope.getTextToCopy=function（）{
return“ngClip太棒了！”；
}
$scope.doSomething=函数（）{
console.log（“NgClip…”）；
}
}
ngClip示例
复制

您还可以使用静态web服务器（如Harp）来运行此功能。

 <script src="http://asafdav.github.io/ng-csv/javascripts/ngClip.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/1.1.7/ZeroClipboard.min.js"></script>
<script>
angular.module('clip', ['ngClipboard']);

function Main($scope) {
    $scope.getTextToCopy = function() {
        return "ngClip is awesome!";
    }
    $scope.doSomething = function () {
        console.log("NgClip...");
    }
}
</script>

<html>
<body ng-app="clip" ng-controller="Main">
<h1> ngClip Example </h1>

<button type="button" clip-copy="getTextToCopy()" clip-click="doSomething()">Copy</button>
</body>
</html>